Fixed #3512 - DropdownMenu: Disabled dropdown can still be opened with screen reader

components/autocomplete/AutoComplete.vue

@@ -407,6 +407,11 @@ export default {
             }, 0); // For ScreenReaders
         },
         onFocus(event) {
+            if (this.disabled) {
+                // For ScreenReaders
+                return;
+            }
+
             if (!this.dirty && this.completeOnFocus) {
                 this.search(event, event.target.value, 'focus');
             }
@@ -424,6 +429,12 @@ export default {
             this.$emit('blur', event);
         },
         onKeyDown(event) {
+            if (this.disabled) {
+                event.preventDefault();
+
+                return;
+            }
+
             switch (event.code) {
                 case 'ArrowDown':
                     this.onArrowDownKey(event);
@@ -529,6 +540,11 @@ export default {
             }
         },
         onMultipleContainerFocus() {
+            if (this.disabled) {
+                // For ScreenReaders
+                return;
+            }
+
             this.focused = true;
         },
         onMultipleContainerBlur() {
@@ -536,6 +552,12 @@ export default {
             this.focused = false;
         },
         onMultipleContainerKeyDown(event) {
+            if (this.disabled) {
+                event.preventDefault();
+
+                return;
+            }
+
             switch (event.code) {
                 case 'ArrowLeft':
                     this.onArrowLeftKeyOnMultiple(event);

components/cascadeselect/CascadeSelect.vue

@@ -278,6 +278,11 @@ export default {
             }, 0); // For ScreenReaders
         },
         onFocus(event) {
+            if (this.disabled) {
+                // For ScreenReaders
+                return;
+            }
+
             this.focused = true;
             this.$emit('focus', event);
         },

components/dropdown/Dropdown.vue

@@ -397,6 +397,11 @@ export default {
             }, 0); // For ScreenReaders
         },
         onFocus(event) {
+            if (this.disabled) {
+                // For ScreenReaders
+                return;
+            }
+
             this.focused = true;
             this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
             this.overlayVisible && this.scrollInView(this.focusedOptionIndex);
@@ -409,6 +414,12 @@ export default {
             this.$emit('blur', event);
         },
         onKeyDown(event) {
+            if (this.disabled) {
+                event.preventDefault();
+
+                return;
+            }
+
             const metaKey = event.metaKey || event.ctrlKey;
 
             switch (event.code) {

components/multiselect/MultiSelect.vue

@@ -412,6 +412,11 @@ export default {
             }, 0); // For ScreenReaders
         },
         onFocus(event) {
+            if (this.disabled) {
+                // For ScreenReaders
+                return;
+            }
+
             this.focused = true;
             this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
             this.overlayVisible && this.scrollInView(this.focusedOptionIndex);
@@ -424,6 +429,12 @@ export default {
             this.$emit('blur', event);
         },
         onKeyDown(event) {
+            if (this.disabled) {
+                event.preventDefault();
+
+                return;
+            }
+
             const metaKey = event.metaKey || event.ctrlKey;
 
             switch (event.code) {