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,17 +26,19 @@
} }
</script> </script>
<div bind:this={anchor} class="icon" on:click={dropdown.show}> <div on:click|stopPropagation>
<i class="ri-more-line" /> <div bind:this={anchor} class="icon" on:click={dropdown.show}>
<i class="ri-more-line" />
</div>
<DropdownMenu align="left" {anchor} bind:this={dropdown}>
<DropdownContainer>
<DropdownItem
icon="ri-delete-bin-line"
title="Delete"
on:click={showModal} />
</DropdownContainer>
</DropdownMenu>
</div> </div>
<DropdownMenu align="left" {anchor} bind:this={dropdown}>
<DropdownContainer>
<DropdownItem
icon="ri-delete-bin-line"
title="Delete"
on:click={showModal} />
</DropdownContainer>
</DropdownMenu>
<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>