fix: prevent subject grid tooltips scrolling page

Lemmmy · Oct 15, 2023 · 827f211 · 827f211
1 parent 8c1f7b9
commit 827f211
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/subjects/lists/grid/SubjectGridTooltip.tsx b/src/components/subjects/lists/grid/SubjectGridTooltip.tsx
@@ -11,6 +11,11 @@ interface Props {
   tooltipContents?: ReactNode;
 }
 
+function stopWheel(e: React.WheelEvent<HTMLDivElement>) {
+  e.preventDefault();
+  return false;
+}
+
 export const SubjectGridTooltip = forwardRef<HTMLDivElement, Props>(function TooltipPortal({
   showTooltip,
   tooltipInnerRef,
@@ -24,6 +29,7 @@ export const SubjectGridTooltip = forwardRef<HTMLDivElement, Props>(function Too
     <div
       className="relative -left-[108px] -translate-y-full pb-lg pointer-events-auto"
       ref={tooltipInnerRef}
+      onWheel={stopWheel}
     >
       <div className="relative rounded shadow-md bg-spotlight !w-[200px] p-xs">
         {/* Tooltip arrow */}