#8139 Dynamic panel (tab view). No room for search editor. (#8140)

Fixes #8139
surveyjs · Apr 18, 2024 · ffa24dc · ffa24dc
1 parent c328a21
commit ffa24dc
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 0 deletions.
diff --git a/src/common-styles/sv-list.scss b/src/common-styles/sv-list.scss
@@ -209,6 +209,7 @@ li:focus .sv-list__item.sv-list__item--selected {
   background: $background;
   box-sizing: border-box;
   width: 100%;
+  min-width: calcSize(30);
   outline: none;
   font-size: calcFontSize(1);
   color: $foreground;

diff --git a/visualRegressionTests/tests/defaultV2/etalons/popup-search-width.png b/visualRegressionTests/tests/defaultV2/etalons/popup-search-width.png
diff --git a/visualRegressionTests/tests/defaultV2/popup.ts b/visualRegressionTests/tests/defaultV2/popup.ts
@@ -405,4 +405,35 @@ frameworks.forEach(framework => {
       await takeElementScreenshot("popup-into-modal-popup.png", Selector(".sv-popup.sv-single-select-list .sv-popup__container"), t, comparer);
     });
   });
+  test("Popup search width", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1000, 600);
+      await initSurvey(framework, {
+
+        "pages": [
+          {
+            "name": "page1",
+            "elements": [
+              {
+                "type": "paneldynamic",
+                "name": "question1",
+                "templateElements": [
+                  {
+                    "type": "text",
+                    "name": "question2"
+                  }
+                ],
+                "panelCount": 20,
+                "renderMode": "tab"
+              }
+            ]
+          }
+        ]
+      });
+      await t
+        .click(".sv-dots__item");
+
+      await takeElementScreenshot("popup-search-width.png", Selector(".sv-popup .sv-popup__container"), t, comparer);
+    });
+  });
 });