mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(overflow-menu): dispatch "close" event when clicking outside (#1546)

Browse source 
Fixes #1541
This commit is contained in:
metonym 2022-12-07 20:25:36 -08:00 • committed by Eric Liu
commit 837716ff8b
4 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/OverflowMenu/OverflowMenu.svelte
View file

@ -1,6 +1,6 @@
<script>
/**
* @event {{ index: number; text: string; }} close
* @event {null | { index: number; text: string; }} close
*/
/**
@ -205,6 +205,7 @@
on:click="{({ target }) => {
if (!(menuRef && menuRef.contains(target))) {
open = !open;
if (!open) dispatch('close');
}
}}"
on:mouseover
@ -217,6 +218,7 @@
e.preventDefault();
} else if (e.key === 'Escape') {
e.stopPropagation();
dispatch('close');
open = false;
buttonRef.focus();
}
@ -225,6 +227,7 @@
on:focusout="{(e) => {
if (open) {
if (!buttonRef.contains(e.relatedTarget)) {
dispatch('close');
open = false;
}
}