Merge pull request remotion-dev#504 from Zayco/fix-touch-playerControls

Improve UX for touch devices
Zayco · Jul 13, 2021 · 47ee52b · 47ee52b
2 parents 74ac8d8 + 3b7e2fa
commit 47ee52b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/player/src/MediaVolumeSlider.tsx b/packages/player/src/MediaVolumeSlider.tsx
@@ -16,6 +16,7 @@ const parentDivStyle: React.CSSProperties = {
 	padding: '6px',
 	justifyContent: 'center',
 	alignItems: 'center',
+	touchAction: 'none',
 };
 
 const containerStyle: React.CSSProperties = {

diff --git a/packages/player/src/PlayerSeekBar.tsx b/packages/player/src/PlayerSeekBar.tsx
@@ -30,6 +30,7 @@ const containerStyle: React.CSSProperties = {
 	boxSizing: 'border-box',
 	cursor: 'pointer',
 	position: 'relative',
+	touchAction: 'none',
 };
 
 const barBackground: React.CSSProperties = {