fix: MultiSelect escape behaviour when in an overlay

palantir · Jan 29, 2025 · 8623dda · 8623dda
1 parent 5d092cd
commit 8623dda
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/select/src/components/multi-select/multiSelect.tsx b/packages/select/src/components/multi-select/multiSelect.tsx
@@ -421,6 +421,10 @@ export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, M
                 // input element. It must be done explicitly.
                 if (e.key === "Escape") {
                     this.input?.blur();
+                    // prevent other overlays from closing
+                    e.stopPropagation();
+                    // prevent browser-specific escape key behavior (Safari exits fullscreen)
+                    e.preventDefault();
                 }
                 this.setState({ isOpen: false });
             } else if (!(e.key === "Backspace" || e.key === "ArrowLeft" || e.key === "ArrowRight")) {