Disable pointer events for all components nested inside a clickable container
This commit is contained in:
parent
1a23970a38
commit
6ef6b47c52
|
@ -28,7 +28,7 @@
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class={classNames}
|
class={classNames}
|
||||||
class:clickable={onClick}
|
class:clickable={!!onClick}
|
||||||
use:styleable={$component.styles}
|
use:styleable={$component.styles}
|
||||||
class:wrap
|
class:wrap
|
||||||
on:click={onClick}
|
on:click={onClick}
|
||||||
|
@ -114,4 +114,7 @@
|
||||||
.clickable {
|
.clickable {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
.clickable :global(*) {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue