improve pointerdown smoothscroll cancelation

Author: smastrom

src/useScroll.ts

@@ -1,5 +1,5 @@
 import { watch, onMounted, ref, computed, type Ref, type ComputedRef } from 'vue';
-import { isChromium, isSSR, useMediaRef } from './utils';
+import { isFirefox, useMediaRef } from './utils';
 
 type UseScrollOptions = {
 	isWindow: ComputedRef<boolean>;
@@ -86,9 +86,8 @@ export function useScroll({
 
 	function onPointerDown(event: PointerEvent) {
 		const isLink = (event.target as HTMLElement).tagName === 'A';
-		const hasLink = (event.target as HTMLElement).closest('a');
 
-		if (!isChromium && !isLink && !hasLink) {
+		if (!isLink && isFirefox()) {
 			reScroll();
 			// ...and force set if canceling scroll
 			setActive({ prevY: clickY.value, isCancel: true });
@@ -113,10 +112,6 @@ export function useScroll({
 	watch(
 		[isIdle, matchMedia, root],
 		([_isIdle, _matchMedia, _root], _, onCleanup) => {
-			if (isSSR) {
-				return;
-			}
-
 			const rootEl = isWindow.value ? document : _root;
 			const isActive = rootEl && _isIdle && _matchMedia;
 

src/utils.ts

@@ -5,7 +5,9 @@ export const isSSR = typeof window === 'undefined';
 export const FIXED_TO_TOP_OFFSET = 10;
 export const FIXED_OFFSET = 5;
 
-export const isChromium = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+export function isFirefox() {
+	return CSS.supports('-moz-appearance', 'none');
+}
 
 // When users set refs, if no media match, set default value
 export function useMediaRef<T>(matchMedia: Ref<boolean>, defaultValue: T): Ref<T> {