Stop propagation in context menu clicks

This commit is contained in:
Andrew Kingston 2020-10-26 15:17:18 +00:00
parent b668a525a8
commit 0a643c28b6
3 changed files with 14 additions and 12 deletions

View File

@ -26,6 +26,7 @@
} }
</script> </script>
<div on:click|stopPropagation>
<div bind:this={anchor} class="icon" on:click={dropdown.show}> <div bind:this={anchor} class="icon" on:click={dropdown.show}>
<i class="ri-more-line" /> <i class="ri-more-line" />
</div> </div>
@ -37,6 +38,7 @@
on:click={showModal} /> on:click={showModal} />
</DropdownContainer> </DropdownContainer>
</DropdownMenu> </DropdownMenu>
</div>
<ConfirmDialog <ConfirmDialog
bind:this={confirmDeleteDialog} bind:this={confirmDeleteDialog}
okText="Delete Automation" okText="Delete Automation"

View File

@ -98,7 +98,7 @@
} }
</script> </script>
<div bind:this={anchor} on:click|stopPropagation={() => {}}> <div bind:this={anchor} on:click|stopPropagation>
<div class="icon" on:click={dropdown.show}><i class="ri-more-line" /></div> <div class="icon" on:click={dropdown.show}><i class="ri-more-line" /></div>
<DropdownMenu bind:this={dropdown} width="170px" {anchor} align="left"> <DropdownMenu bind:this={dropdown} width="170px" {anchor} align="left">
<DropdownContainer on:click={hideDropdown}> <DropdownContainer on:click={hideDropdown}>

View File

@ -24,7 +24,7 @@
} }
</script> </script>
<div bind:this={anchor} on:click|stopPropagation={() => {}}> <div bind:this={anchor} on:click|stopPropagation>
<div class="icon" on:click={() => dropdown.show()}> <div class="icon" on:click={() => dropdown.show()}>
<i class="ri-more-line" /> <i class="ri-more-line" />
</div> </div>