work for the #8389

src/defaultV2-theme/blocks/sd-dropdown.scss

@@ -88,6 +88,7 @@
 .sd-input.sd-dropdown:focus-within {
   box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;
 }
+
 .sd-input.sd-dropdown.sd-input--readonly {
   box-shadow: none;
   transition: none;
@@ -121,6 +122,12 @@
   color: $font-editorfont-placeholdercolor;
 }
 
+.sd-dropdown--empty {
+  div {
+    min-height: multiply(1.5, $font-editorfont-size);
+  }
+}
+
 .sd-dropdown__filter-string-input::placeholder {
   color: $foreground;
   width: 100%;
@@ -166,6 +173,7 @@
 .sd-question--preview .sd-dropdown_chevron-button {
   display: none;
 }
+
 .sv-dropdown-popup {
   .sd-list__item-body {
     @include useEditorFontSize;

visualRegressionTests/tests/defaultV2/dropdown.ts

@@ -677,4 +677,25 @@ frameworks.forEach(framework => {
     });
   });
 
+  test("Check dropdown readonly with empty placeholder", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1280, 1100);
+      await initSurvey(framework, {
+        showQuestionNumbers: "off",
+        questions: [
+          {
+            "type": "dropdown",
+            "name": "q1",
+            placeholder: "",
+            readOnly: true,
+            "choices": ["item1", "item2"]
+          },
+        ]
+      });
+
+      const emptyDropdown = Selector(".sd-dropdown--empty.sd-input--readonly").filterVisible();
+      await takeElementScreenshot("dropdown-readonly-empty-placeholder.png", emptyDropdown, t, comparer);
+    });
+  });
+
 });