Browse Source

fix(25-02): stop wheel event propagation to prevent React Flow capture

- React Flow captures wheel events for zoom/pan at document level
- stopPropagation prevents wheel events from reaching React Flow
handoff-20260429-1057
shrimbly 6 months ago
parent
commit
998c3eea01
  1. 5
      src/components/quickstart/WelcomeModal.tsx

5
src/components/quickstart/WelcomeModal.tsx

@ -75,7 +75,10 @@ export function WelcomeModal({
); );
return ( return (
<div className="fixed inset-0 z-[100] flex items-center justify-center bg-black/50 backdrop-blur-sm"> <div
className="fixed inset-0 z-[100] flex items-center justify-center bg-black/50 backdrop-blur-sm"
onWheel={(e) => e.stopPropagation()}
>
<div className="w-full max-w-4xl mx-4 bg-neutral-800 rounded-xl border border-neutral-700 shadow-2xl overflow-clip max-h-[80vh] flex flex-col"> <div className="w-full max-w-4xl mx-4 bg-neutral-800 rounded-xl border border-neutral-700 shadow-2xl overflow-clip max-h-[80vh] flex flex-col">
{currentView === "initial" && ( {currentView === "initial" && (
<QuickstartInitialView <QuickstartInitialView

Loading…
Cancel
Save