A popup appears at an incorrect position after enabling the Dropdown …

…question Fixes #6683
surveyjs · Aug 10, 2023 · 60470bb · 60470bb
1 parent 3433fce
commit 60470bb
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/src/dropdownListModel.ts b/src/dropdownListModel.ts
@@ -350,6 +350,7 @@ export class DropdownListModel extends Base {
   }
 
   public onClick(event: any): void {
+    if(this.question.readOnly) return;
     this._popupModel.toggleVisibility();
     this.focusItemOnClickAndPopup();
     if (this.searchEnabled && !!event && !!event.target) {

diff --git a/testCafe/questions/dropdown.js b/testCafe/questions/dropdown.js
@@ -1945,4 +1945,40 @@ frameworks.forEach((framework) => {
       .click(questionDropdownV2Select, { offsetX: dropdownWidth - 20, offsetY: 20 })
       .expect(popupContainer.visible).notOk();
   });
+
+  test.page(`${url_test}${theme}/${framework}`)("Dropdown shold not be open when disabled", async (t) => {
+    await t.resizeWindow(800, 600);
+    const jsonWithDropDown = {
+      pages: [
+        {
+          name: "page1",
+          elements: [
+            {
+              type: "boolean",
+              name: "Editable",
+              defaultValueExpression: "false"
+            },
+            {
+              type: "dropdown",
+              name: "Dropdown",
+              enableIf: "{Editable} = true",
+              choices: ["Item 1", "Item 2", "Item 3"]
+            }
+          ]
+        }
+      ]
+    };
+    await initSurvey(framework, jsonWithDropDown);
+
+    const questionDropdownV2Select = Selector(".sd-dropdown");
+    const popupContainer = Selector(".sv-popup__container").filterVisible();
+    await t
+
+      .click(questionDropdownV2Select)
+      .expect(popupContainer.visible).notOk()
+
+      .click(Selector(".sd-boolean__label").withText("Yes"))
+      .expect(Selector(".sd-boolean__thumb-text").withText("Yes").visible).ok()
+      .expect(popupContainer.visible).notOk();
+  });
 });