From 750eef9231df6316ffb1a10c87c72c50f5e34f17 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 17 Aug 2022 15:43:42 +0100
Subject: [PATCH] Disable pointer events for all components nested inside a
 clickable container

---
 packages/client/src/components/app/Container.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/app/Container.svelte b/packages/client/src/components/app/Container.svelte
index a5c8ce6d4d..ee0dd4778a 100644
--- 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>