use pointerdown in menus

This commit is contained in:
Guilhem
2025-02-10 15:26:03 +00:00
parent b728b0ec01
commit 987990ee41
7 changed files with 8 additions and 9 deletions
@@ -62,7 +62,7 @@
{/if}
<Menubar let:createMenu>
<Menu {createMenu} let:item placement="bottom" bind:this={menu}>
<Menu {createMenu} let:item placement="bottom" bind:this={menu} usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<button
title="Pick an iteration"
@@ -57,7 +57,6 @@
customEventName: 'pointerdown_menu'
}}
on:pointerdown_outside={() => {
console.log('dbg pointer down menu outside')
if (usePointerDownOutside) {
close()
}
@@ -15,7 +15,7 @@
export let createMenu: any
</script>
<Menu {createMenu} let:item>
<Menu {createMenu} let:item usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<MenuButtonMelt
class="!text-xs"
@@ -115,7 +115,7 @@
</script>
<Menubar let:createMenu>
<Menu {createMenu} let:item>
<Menu {createMenu} let:item usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<MenuButtonMelt
class="!text-xs"
@@ -326,7 +326,7 @@
<MenuLink class="!text-xs" {...menuLink} {isCollapsed} />
{/each}
{#if extraTriggerLinks.length > 0 && !$userStore?.operator}
<Menu {createMenu} let:item>
<Menu {createMenu} let:item usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<div
slot="trigger"
@@ -377,7 +377,7 @@
{#each secondaryMenuLinks as menuLink (menuLink.href ?? menuLink.label)}
{#if menuLink.subItems}
{@const notificationsCount = computeAllNotificationsCount(menuLink.subItems)}
<Menu {createMenu} let:item>
<Menu {createMenu} let:item usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<MenuButtonMelt
class="!text-2xs"
@@ -465,7 +465,7 @@
<Menubar let:createMenu>
{#each thirdMenuLinks as menuLink (menuLink)}
{#if menuLink.subItems}
<Menu {createMenu} let:item>
<Menu {createMenu} let:item usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<button
class="relative w-full"
@@ -23,7 +23,7 @@
export let createMenu: (any) => any
</script>
<Menu {createMenu} let:item>
<Menu {createMenu} let:item usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<MenuButtonMelt
class="!text-xs"
@@ -54,7 +54,7 @@
}
</script>
<Menu {createMenu} let:item>
<Menu {createMenu} let:item usePointerDownOutside>
<svelte:fragment slot="trigger" let:trigger>
<MenuButtonMelt
class="!text-xs"