fix focused pane scrolling

apps/nextjs/src/components/board/advanced-focus/wheel.ts

@@ -1,9 +1,11 @@
-const canScrollVertically = (element: HTMLElement, delta: number) => {
+const isVerticalScrollContainer = (element: HTMLElement) => {
   if (element.scrollHeight <= element.clientHeight) return false;
 
   const overflowY = getComputedStyle(element).overflowY;
-  if (overflowY !== "auto" && overflowY !== "scroll") return false;
+  return overflowY === "auto" || overflowY === "scroll";
+};
 
+const canScrollVertically = (element: HTMLElement, delta: number) => {
   return delta < 0 ? element.scrollTop > 0 : element.scrollTop + element.clientHeight < element.scrollHeight;
 };
 
@@ -11,17 +13,21 @@ export const redirectShiftWheel = (root: HTMLElement, target: EventTarget | null
   if (delta === 0) return false;
 
   let current = target instanceof HTMLElement ? target : null;
+  let startedInScrollContainer = false;
   while (current && root.contains(current)) {
-    if (canScrollVertically(current, delta)) {
+    const isCurrentScrollContainer = isVerticalScrollContainer(current);
+    startedInScrollContainer ||= isCurrentScrollContainer;
+    if (isCurrentScrollContainer && canScrollVertically(current, delta)) {
       current.scrollTop += delta;
       return true;
     }
     if (current === root) break;
     current = current.parentElement;
   }
+  if (startedInScrollContainer) return false;
 
   const viewport = [...root.querySelectorAll<HTMLElement>("[data-scrollbars='y'], [data-scrollbars='xy']")].find(
-    (element) => canScrollVertically(element, delta),
+    (element) => isVerticalScrollContainer(element) && canScrollVertically(element, delta),
   );
   if (!viewport) return false;