{@html styles} { if (buttonRef && buttonRef.contains(target)) { return; } if (menuRef && !menuRef.contains(target)) { open = false; } }} /> { if (!(menuRef && menuRef.contains(target))) { open = !open; } }} on:mouseover on:mouseenter on:mouseleave on:keydown on:keydown={event => { if (open) { if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) { event.preventDefault(); } else if (event.key === 'Escape') { event.stopPropagation(); open = false; } } }} {id} {tabindex} {style}> {#if open}

{/if}