Browse Source

fix(25-02): change overflow-hidden to overflow-clip for wheel events

- overflow-hidden creates a scroll container that captures wheel events
- overflow-clip just clips visually without capturing events
- Applied to both modal container and content wrapper
handoff-20260429-1057
shrimbly 6 months ago
parent
commit
7aad874a21
  1. 2
      src/components/quickstart/TemplateExplorerView.tsx
  2. 2
      src/components/quickstart/WelcomeModal.tsx

2
src/components/quickstart/TemplateExplorerView.tsx

@ -272,7 +272,7 @@ export function TemplateExplorerView({
</div> </div>
{/* Content - Sidebar + Main Grid */} {/* Content - Sidebar + Main Grid */}
<div className="flex-1 flex min-h-0 overflow-hidden"> <div className="flex-1 flex min-h-0 overflow-clip">
{/* Sidebar */} {/* Sidebar */}
<div className="w-48 flex-shrink-0 bg-neutral-900/80 border-r border-neutral-700 p-4 space-y-5 overflow-y-auto"> <div className="w-48 flex-shrink-0 bg-neutral-900/80 border-r border-neutral-700 p-4 space-y-5 overflow-y-auto">
{/* Search Input */} {/* Search Input */}

2
src/components/quickstart/WelcomeModal.tsx

@ -76,7 +76,7 @@ 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">
<div className="w-full max-w-4xl mx-4 bg-neutral-800 rounded-xl border border-neutral-700 shadow-2xl overflow-hidden 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
onSelectBlankCanvas={handleSelectBlankCanvas} onSelectBlankCanvas={handleSelectBlankCanvas}

Loading…
Cancel
Save