Disable pointer events for all components nested inside a clickable container

This commit is contained in:
Andrew Kingston 2022-08-17 15:43:42 +01:00
parent 1a23970a38
commit 6ef6b47c52
1 changed files with 4 additions and 1 deletions

View File

@ -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>