[Video] Fix scrubber tap target (#5360)

* put padding on correct element

* clear timeout on down
zio/dev^2
Samuel Newman 2024-09-16 18:15:07 +01:00 committed by GitHub
parent d62e14eca1
commit 75e3f51c10
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 2 deletions

View File

@ -259,6 +259,7 @@ export function Controls({
if (evt.pointerType !== 'mouse' && !hovered) {
evt.preventDefault()
}
clearTimeout(timeoutRef.current)
},
[hovered],
)
@ -355,7 +356,7 @@ export function Controls({
style={[
a.flex_1,
a.px_xs,
a.pt_sm,
a.pt_2xs,
a.pb_md,
a.gap_md,
a.flex_row,
@ -592,7 +593,7 @@ function Scrubber({
return (
<View
testID="scrubber"
style={[{height: 18, width: '100%'}, a.flex_shrink_0, a.px_xs, a.py_xs]}
style={[{height: 18, width: '100%'}, a.flex_shrink_0, a.px_xs]}
onPointerEnter={onStartHover}
onPointerLeave={onEndHover}>
<div
@ -603,6 +604,7 @@ function Scrubber({
alignItems: 'center',
position: 'relative',
cursor: scrubberActive ? 'grabbing' : 'grab',
padding: '4px 0',
}}
onPointerDown={onPointerDown}
onPointerMove={onPointerMove}