From 042634c33f93dd99227bd3255ed59151e9008143 Mon Sep 17 00:00:00 2001 From: Aleksey Novikov Date: Thu, 14 Sep 2023 17:26:48 +0300 Subject: [PATCH] #6959 Dropdown in Read-only mode - The selected choice text overlaps Fixes #6959 --- src/defaultV2-theme/blocks/sd-dropdown.scss | 5 +++ .../tests/defaultV2/dropdown.ts | 30 ++++++++++++++++++ .../dropdown-question-disabled-long-text.png | Bin 0 -> 10325 bytes 3 files changed, 35 insertions(+) create mode 100644 visualRegressionTests/tests/defaultV2/etalons/dropdown-question-disabled-long-text.png 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 0000000000000000000000000000000000000000..596f5eec84f305738e0641e5b5916652fe34d67a GIT binary patch literal 10325 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 Mw2U+>)osH68{vJQTmS$7 literal 0 HcmV?d00001