Disable pointer events for all components nested inside a clickable container

4 years ago · 750eef9231
1 changed files with 4 additions and 1 deletions
--- a/packages/client/src/components/app/Container.svelte
+++ b/packages/client/src/components/app/Container.svelte
@ -28,7 +28,7 @@

 <div
  class={classNames}
-  class:clickable={onClick}
+  class:clickable={!!onClick}
  use:styleable={$component.styles}
  class:wrap
  on:click={onClick}
@ -114,4 +114,7 @@
  .clickable {
    cursor: pointer;
  }
+  .clickable :global(*) {
+    pointer-events: none;
+  }
 </style>