From 12c4a692ec1ab5309abe0594bccdabe822275fa5 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 7 Oct 2025 13:52:22 +0200
Subject: [PATCH] Prevent onboarding confetti overlay from intercepting pointer
 events

---
 code/addons/onboarding/src/Onboarding.tsx                   | 1 +
 code/addons/onboarding/src/components/Confetti/Confetti.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/code/addons/onboarding/src/Onboarding.tsx b/code/addons/onboarding/src/Onboarding.tsx
index ade6e5d18e87..9d208321b76c 100644
--- a/code/addons/onboarding/src/Onboarding.tsx
+++ b/code/addons/onboarding/src/Onboarding.tsx
@@ -178,6 +178,7 @@ export default function Onboarding({ api }: { api: API }) {
       setShowConfetti(true);
       setStep('5:StoryCreated');
       setTimeout(() => api.clearNotification('save-story-success'));
+      setTimeout(() => setShowConfetti(false), 10000);
     });
   }, [api]);
 
diff --git a/code/addons/onboarding/src/components/Confetti/Confetti.tsx b/code/addons/onboarding/src/components/Confetti/Confetti.tsx
index 026e792f3407..36972edc9022 100644
--- a/code/addons/onboarding/src/components/Confetti/Confetti.tsx
+++ b/code/addons/onboarding/src/components/Confetti/Confetti.tsx
@@ -10,6 +10,7 @@ const Wrapper = styled.div({
   left: '50%',
   width: '50%',
   height: '100%',
+  pointerEvents: 'none',
 });
 
 export const Confetti = React.memo(function Confetti({