#6828 Dropdown is active on Creator design surface

src/dropdownListModel.ts

@@ -358,7 +358,7 @@ export class DropdownListModel extends Base {
   }
 
   public onClick(event: any): void {
-    if(this.question.readOnly) return;
+    if (this.question.readOnly || this.question.isDesignMode) return;
     this._popupModel.toggleVisibility();
     this.focusItemOnClickAndPopup();
     if (this.searchEnabled && !!event && !!event.target) {

tests/dropdown_list_model_test.ts

@@ -846,3 +846,21 @@ QUnit.test("lazy loading clear value", function (assert) {
   assert.equal(dropdownListModel.inputStringRendered, "");
 });
 
+QUnit.test("Dropdown should noy be open on click in design mode", (assert) => {
+  const survey = new SurveyModel(jsonDropdown);
+  const question = <QuestionDropdownModel>survey.getAllQuestions()[0];
+  const dropdownListModel = question.dropdownListModel;
+  assert.ok(dropdownListModel.popupModel);
+
+  const list: ListModel = dropdownListModel.popupModel.contentComponentData.model as ListModel;
+  assert.equal(list.actions.length, 28);
+  assert.notOk(dropdownListModel.popupModel.isVisible);
+  dropdownListModel.onClick(new Event("click"));
+  assert.ok(dropdownListModel.popupModel.isVisible);
+  dropdownListModel.onClick(new Event("click"));
+  assert.notOk(dropdownListModel.popupModel.isVisible);
+  survey.setDesignMode(true);
+
+  dropdownListModel.onClick(new Event("click"));
+  assert.notOk(dropdownListModel.popupModel.isVisible);
+});