From cc84b763670a786cff0cc49822a220664fef06dd Mon Sep 17 00:00:00 2001
From: Adrian Velev <adrianvelev99@gmail.com>
Date: Sat, 10 Oct 2026 18:42:31 +0300
Subject: [PATCH] fix(ui): scroll tall media previews in markdown editor modals

The image and video insert modals render the media preview inside the modal body. A tall image pushes the preview past the modal and moves the Cancel/Insert buttons out of reach, with no way to scroll to them.

Pass the existing NewModal scrollable prop so content is capped at max-content-height and scrolls, keeping the buttons reachable.

Fixes #4256
---
 .../ui/src/components/base/MarkdownEditorImpl.vue  | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/base/MarkdownEditorImpl.vue b/packages/ui/src/components/base/MarkdownEditorImpl.vue
index ed81dba0b97..76fc4aaa015 100644
--- a/packages/ui/src/components/base/MarkdownEditorImpl.vue
+++ b/packages/ui/src/components/base/MarkdownEditorImpl.vue
@@ -65,7 +65,12 @@
 			</div>
 		</div>
 	</NewModal>
-	<NewModal ref="imageModal" :header="formatMessage(messages.imageModalHeader)" class="!w-[40rem]">
+	<NewModal
+		ref="imageModal"
+		:header="formatMessage(messages.imageModalHeader)"
+		class="!w-[40rem]"
+		scrollable
+	>
 		<div class="modal-insert">
 			<label class="label" for="insert-image-alt">
 				<span class="label__title">
@@ -161,7 +166,12 @@
 			</div>
 		</div>
 	</NewModal>
-	<NewModal ref="videoModal" :header="formatMessage(messages.videoModalHeader)" class="!w-[40rem]">
+	<NewModal
+		ref="videoModal"
+		:header="formatMessage(messages.videoModalHeader)"
+		class="!w-[40rem]"
+		scrollable
+	>
 		<div class="modal-insert">
 			<label class="label" for="insert-video-url">
 				<span class="label__title">