Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-06 08:26:00 +01:00
Code Issues Projects Releases Wiki Activity

Fix hover scrubber error in Firefox (#5243)

Browse source
This commit is contained in:
WithoutPants 2024-09-11 11:50:40 +10:00 committed by GitHub
parent 5407596e0d
commit b897de3e5e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ui/v2.5/src/components/Shared/HoverScrubber.tsx
View file

@ -1,6 +1,9 @@
import React, { useMemo } from "react"; import React, { useMemo } from "react";
import cx from "classnames"; import cx from "classnames";
// #5231: TouchEvent is not defined on all browsers
const touchEventDefined = window.TouchEvent !== undefined;
interface IHoverScrubber { interface IHoverScrubber {
totalSprites: number; totalSprites: number;
activeIndex: number | undefined; activeIndex: number | undefined;
@ -24,7 +27,7 @@ export const HoverScrubber: React.FC<IHoverScrubber> = ({
let x = 0; let x = 0;
if (e.nativeEvent instanceof MouseEvent) { if (e.nativeEvent instanceof MouseEvent) {
x = e.nativeEvent.offsetX; x = e.nativeEvent.offsetX;
} else if (e.nativeEvent instanceof TouchEvent) { } else if (touchEventDefined && e.nativeEvent instanceof TouchEvent) {
x = x =
e.nativeEvent.touches[0].clientX - e.nativeEvent.touches[0].clientX -
e.currentTarget.getBoundingClientRect().x; e.currentTarget.getBoundingClientRect().x;
@ -47,7 +50,8 @@ export const HoverScrubber: React.FC<IHoverScrubber> = ({
if ( if (
(e instanceof MouseEvent && relatedTarget !== e.target) || (e instanceof MouseEvent && relatedTarget !== e.target) ||
(e instanceof TouchEvent && (touchEventDefined &&
e instanceof TouchEvent &&
document.elementFromPoint(e.touches[0].clientX, e.touches[0].clientY)) document.elementFromPoint(e.touches[0].clientX, e.touches[0].clientY))
) )
return; return;
@ -70,7 +74,8 @@ export const HoverScrubber: React.FC<IHoverScrubber> = ({
if ( if (
(e instanceof MouseEvent && relatedTarget !== e.target) || (e instanceof MouseEvent && relatedTarget !== e.target) ||
(e instanceof TouchEvent && (touchEventDefined &&
e instanceof TouchEvent &&
document.elementFromPoint(e.touches[0].clientX, e.touches[0].clientY)) document.elementFromPoint(e.touches[0].clientX, e.touches[0].clientY))
) )
return; return;