Passing root to isScrollbarClick

Author: patrick-hurley

src/useActive.ts

@@ -355,15 +355,11 @@ export function useActive(userTargets: Targets, options: UseActiveOptions = def)
 
       if (!isAnchor) {
          const isFireFox = window.CSS.supports('-moz-appearance', 'none')
-         const isScrollbar = isScrollbarClick(event)
+         const isScrollbar = isScrollbarClick(event, root.v)
 
          if (isFireFox || isScrollbar) {
-            const { isBottom, isTop } = getEdges(root.v)
-
-            if (!isTop && !isBottom) {
-               restoreHighlight()
-               setActive({ prevY: clickStartY.v, isScrollCancel: true })
-            }
+            restoreHighlight()
+            setActive({ prevY: clickStartY.v, isScrollCancel: true })
          }
       }
    }

src/utils.ts

@@ -69,7 +69,10 @@ export function getEdges(root: HTMLElement) {
    }
 }
 
-export const isScrollbarClick = (event: PointerEvent) => event.clientX >= window.innerWidth - 17
+export const isScrollbarClick = (event: PointerEvent, root: HTMLElement) => {
+   const containerWidth = root === document.documentElement ? window.innerWidth : root.clientWidth
+   return event.clientX >= containerWidth - 17
+}
 
 export const defaultOptions = {
    jumpToFirst: true,