resolve #7655 Multi-Select Dropdown (TagBox) - Cannot review all sele…

…cted values in survey display mode
surveyjs · Jan 12, 2024 · 63e1899 · 63e1899
1 parent 4110334
commit 63e1899
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git 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/...s/tests/defaultV2/etalons/tagbox-question-multiline-selected-items-readonly.png b/...s/tests/defaultV2/etalons/tagbox-question-multiline-selected-items-readonly.png
diff --git a/visualRegressionTests/tests/defaultV2/tagbox.ts b/visualRegressionTests/tests/defaultV2/tagbox.ts
@@ -1,5 +1,5 @@
 import { Selector, ClientFunction, t } from "testcafe";
-import { getListItemByText } from "../../../testCafe/helper";
+import { getListItemByText, setOptions } from "../../../testCafe/helper";
 import { url, frameworks, initSurvey, url_test, takeElementScreenshot, wrapVisualTest, resetFocusToBody } from "../../helper";
 
 const title = "Tagbox Screenshot";
@@ -187,7 +187,7 @@ frameworks.forEach(async framework => {
         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);
     });
   });