From 63e18994fb2e7efe117b6e4ba3226e59e54ba494 Mon Sep 17 00:00:00 2001 From: OlgaLarina Date: Fri, 12 Jan 2024 11:52:16 +0300 Subject: [PATCH] resolve #7655 Multi-Select Dropdown (TagBox) - Cannot review all selected values in survey display mode --- src/defaultV2-theme/blocks/sd-tagbox.scss | 5 ++++- ...uestion-multiline-selected-items-readonly.png | Bin 0 -> 6961 bytes visualRegressionTests/tests/defaultV2/tagbox.ts | 7 +++++-- 3 files changed, 9 insertions(+), 3 deletions(-) create mode 100644 visualRegressionTests/tests/defaultV2/etalons/tagbox-question-multiline-selected-items-readonly.png diff --git a/src/defaultV2-theme/blocks/sd-tagbox.scss b/src/defaultV2-theme/blocks/sd-tagbox.scss index bdc8ab50d8..9c2dbc7b66 100644 --- a/src/defaultV2-theme/blocks/sd-tagbox.scss +++ b/src/defaultV2-theme/blocks/sd-tagbox.scss @@ -5,6 +5,10 @@ padding-inline-start: calcSize(0.5); //padding-left } +.sd-tagbox.sd-input--disabled { + white-space: normal; +} + .sd-tagbox.sd-tagbox--empty { // padding: calcSize(0.5) calcSize(6) calcSize(0.5) calcSize(2); // padding-block: calcSize(0.5); @@ -114,7 +118,6 @@ } .sd-tagbox.sd-tagbox--empty { - .sd-tagbox__hint, .sd-tagbox__hint-suffix-wrapper, .sd-tagbox__filter-string-input { diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-multiline-selected-items-readonly.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-multiline-selected-items-readonly.png new file mode 100644 index 0000000000000000000000000000000000000000..3eb1e271a6675e433083617e7d4804b9a6cf1c23 GIT binary patch literal 6961 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 { questions: [ { type: "tagbox", - name: "question12", + name: "q1", hasOther: "true", allowClear: false, defaultValue: [ @@ -220,6 +220,9 @@ frameworks.forEach(async framework => { const questionTagbox = Selector(".sd-input.sd-tagbox"); await takeElementScreenshot("tagbox-question-multiline-selected-items.png", questionTagbox, t, comparer); + + await setOptions("q1", { "readOnly": true }); + await takeElementScreenshot("tagbox-question-multiline-selected-items-readonly.png", questionTagbox, t, comparer); }); });