diff --git a/src/defaultV2-theme/blocks/sd-dropdown.scss b/src/defaultV2-theme/blocks/sd-dropdown.scss index a386347229..909670f80f 100644 --- a/src/defaultV2-theme/blocks/sd-dropdown.scss +++ b/src/defaultV2-theme/blocks/sd-dropdown.scss @@ -143,6 +143,11 @@ } } +.sd-input--disabled .sv-string-viewer { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} .sv-popup.sv-popup--dropdown.sv-popup--dropdown { .sd-list__item-body { line-height: multiply(1.5, $font-editorfont-size); diff --git a/visualRegressionTests/tests/defaultV2/dropdown.ts b/visualRegressionTests/tests/defaultV2/dropdown.ts index 570b0d3f43..0c05714aeb 100644 --- a/visualRegressionTests/tests/defaultV2/dropdown.ts +++ b/visualRegressionTests/tests/defaultV2/dropdown.ts @@ -633,5 +633,35 @@ frameworks.forEach(framework => { await takeElementScreenshot("dropdown-question-overlay-popup-selected.png", Selector(".sv-popup.sv-single-select-list"), t, comparer); }); }); + test("Check long text in disabled dropdown question", async (t) => { + await wrapVisualTest(t, async (t, comparer) => { + await t.resizeWindow(1000, 700); + await initSurvey(framework, { + "logoPosition": "right", + "mode": "display", + "pages": [ + { + "name": "page1", + "elements": [ + { + "type": "dropdown", + "name": "question1", + "defaultValue": "Item 1", + "choices": [ + { + "value": "Item 1", + "text": "Some long text goes here Some long text goes here Some long text goes here " + }, + "Item 2", + "Item 3" + ] + } + ] + } + ] + }); + await takeElementScreenshot("dropdown-question-disabled-long-text.png", Selector(".sd-question"), t, comparer); + }); + }); }); \ No newline at end of file diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-disabled-long-text.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-disabled-long-text.png new file mode 100644 index 0000000000..596f5eec84 Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-disabled-long-text.png differ