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