#5415 Dynamic panel (tab view). Menu should be closed by clicking out…

…side (#5416)

Fixes #5415

packages/survey-creator-core/src/components/simulator.scss

@@ -50,6 +50,7 @@
 
     .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {
       width: auto;
+      right: 0;
     }
   }
 }

testCafe/preview/survey.ts

@@ -0,0 +1,42 @@
+import { url, getTabbedMenuItemByText, setJSON, creatorTabPreviewName } from "../helper";
+import { Selector, ClientFunction } from "testcafe";
+const title = "Preview tab";
+
+fixture`${title}`.page`${url}`.beforeEach(
+  async (t) => {
+    await t.maximizeWindow();
+  }
+);
+
+test("Test popups", async (t) => {
+  await setJSON({
+    "pages": [
+      {
+        "name": "page1",
+        "elements": [
+          {
+            "type": "paneldynamic",
+            "name": "question1",
+            "templateElements": [
+              {
+                "type": "text",
+                "name": "question2"
+              }
+            ],
+            "panelCount": 20,
+            "renderMode": "tab"
+          }
+        ]
+      }
+    ]
+  });
+
+  const popup = Selector(".sv-popup__container").filterVisible();
+  await t
+    .click(getTabbedMenuItemByText(creatorTabPreviewName))
+    .expect(popup.visible).notOk()
+    .click(Selector(".svd-simulator-main .sv-dots__item"))
+    .expect(popup.visible).ok()
+    .click(Selector(".sd-question__title").withText("question1"))
+    .expect(popup.visible).notOk();
+});