From f8369a0e9b040b1a8600d4f6c0626d2a8a1b380d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Sun, 5 Apr 2026 22:06:10 +0100
Subject: [PATCH] fix(ui): move overscroll-behavior from * to html (wheel
 scroll trap)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Same bug as cuidecar/cccb43a: \`overscroll-behavior: none\` applied to
the universal selector killed wheel events on every overflow:hidden
container on the page — hero, demo-dashboard, cta, surfaces, anything
with rounded cards. Combined with the mesh-stream overflow-y-auto
(fixed in 701516b) this was double-trapping the wheel.

Move the rule from \`*\` to \`html\`, change to \`overscroll-behavior-y\`.
Still prevents rubber-band chaining at the document level, but lets
wheel events propagate naturally through nested overflow containers.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 packages/ui/web/src/styles/globals.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/web/src/styles/globals.css b/packages/ui/web/src/styles/globals.css
index f0d360d..9790e26 100644
--- a/packages/ui/web/src/styles/globals.css
+++ b/packages/ui/web/src/styles/globals.css
@@ -87,11 +87,11 @@
 @layer base {
   * {
     @apply border-border outline-ring/50;
-    overscroll-behavior: none;
   }
 
   html {
     scroll-behavior: smooth;
+    overscroll-behavior-y: none;
   }
 
   body {