fix(site): capture click on the svg

swordev · Nov 13, 2024 · 924830a · 924830a
1 parent e4c4575
commit 924830a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/.changeset/spotty-clocks-appear.md b/.changeset/spotty-clocks-appear.md
@@ -0,0 +1,5 @@
+---
+"@dreamkit/site": patch
+---
+
+Fix playground buttons
diff --git a/packages/site/src/components/Example.astro b/packages/site/src/components/Example.astro
@@ -39,12 +39,17 @@ const { props } = Astro;
 <script>
   import openProject from "../utils/stackblitz.ts";
   document.addEventListener("click", (e) => {
-    if (
-      e.target instanceof HTMLElement &&
-      e.target.matches("[data-project-code]")
-    ) {
+    const element =
+      e.target instanceof HTMLElement
+        ? e.target.matches("[data-project-code]")
+          ? e.target
+          : undefined
+        : e.target instanceof Element
+          ? (e.target.closest("[data-project-code]") as HTMLElement)
+          : undefined;
+    if (element) {
       e.preventDefault();
-      openProject({ appCode: e.target.dataset.projectCode });
+      openProject({ appCode: element.dataset.projectCode });
     }
   });
 </script>