From 4727763c7dfca0cb4eac2ce8aca3eb9a8f840644 Mon Sep 17 00:00:00 2001
From: Pascal Jufer <pascal-jufer@bluewin.ch>
Date: Thu, 22 Feb 2024 12:11:42 +0100
Subject: [PATCH] Fix image select dialog showing above file drawer for
 markdown interface (#21520)

---
 .changeset/new-humans-worry.md                               | 5 +++++
 app/src/interfaces/input-rich-text-md/input-rich-text-md.vue | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/new-humans-worry.md

diff --git a/.changeset/new-humans-worry.md b/.changeset/new-humans-worry.md
new file mode 100644
index 0000000000..9a5f62d15c
--- /dev/null
+++ b/.changeset/new-humans-worry.md
@@ -0,0 +1,5 @@
+---
+'@directus/app': patch
+---
+
+Fixed image select dialog showing above file drawer for markdown interface
diff --git a/app/src/interfaces/input-rich-text-md/input-rich-text-md.vue b/app/src/interfaces/input-rich-text-md/input-rich-text-md.vue
index 8cf3a51bf5..12403b0a6b 100644
--- a/app/src/interfaces/input-rich-text-md/input-rich-text-md.vue
+++ b/app/src/interfaces/input-rich-text-md/input-rich-text-md.vue
@@ -398,7 +398,7 @@ function edit(type: Alteration, options?: Record<string, any>) {
 			@esc="imageDialogOpen = false"
 			@update:model-value="imageDialogOpen = false"
 		>
-			<v-card>
+			<v-card class="allow-drawer">
 				<v-card-title>{{ t('upload_from_device') }}</v-card-title>
 				<v-card-text>
 					<v-upload from-url from-library :folder="folder" @input="onImageUpload" />