Fix to ensure actions dropdown closes when transitioning to share route

JYLN · Nov 8, 2023 · 02e4caa · 02e4caa
1 parent d599404
commit 02e4caa
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/lib/components/ui/TimeTableActions.svelte b/src/lib/components/ui/TimeTableActions.svelte
@@ -18,11 +18,12 @@
   export let elapsed_time: number;
   export let deleteTimeForm: SuperValidated<DeleteTimeEntrySchema> | undefined = undefined;
 
+  let actionsOpen = false;
   let noteDialogOpen = false;
   let deleteDialogOpen = false;
 </script>
 
-<DropdownMenu.Root positioning={{ placement: 'bottom-end' }}>
+<DropdownMenu.Root positioning={{ placement: 'bottom-end' }} bind:open={actionsOpen}>
   <DropdownMenu.Trigger asChild let:builder>
     <Button variant="ghost" builders={[builder]} size="icon" class="relative h-8 w-8 p-0">
       <MoreHorizontal class="h-4 w-4" />
@@ -43,7 +44,7 @@
           <Pencil class="mr-2 h-4 w-4" />
           Edit time entry
         </DropdownMenu.Item>
-        <DropdownMenu.Item href="/previous/{id}/share">
+        <DropdownMenu.Item on:click={() => (actionsOpen = false)} href="/previous/{id}/share">
           <Share class="mr-2 h-4 w-4" />
           Share time entry
         </DropdownMenu.Item>