Stop propagation in context menu clicks
This commit is contained in:
parent
b668a525a8
commit
0a643c28b6
|
@ -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"
|
||||||
|
|
|
@ -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}>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue