Skip to content

Commit 79a0fc9

Browse files
committed
fix: hide mouse tooltip on touch devices when not scrubbing
Problem: the vjs-user-inactive class triggering the hiding of the tooltip is added much later on touch devices, therefore the mouse tooltip stays visible on its last seek target position whenever the user taps the screen to access the controls. This change ensures that the mouse tooltip is only visible when the user is actually scrubbing.
1 parent 19ca3f2 commit 79a0fc9

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

src/css/components/_progress.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -178,7 +178,8 @@
178178
display: block;
179179
}
180180

181-
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
181+
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
182+
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
182183
visibility: hidden;
183184
opacity: 0;
184185
$trans: visibility 1.0s, opacity 1.0s;

0 commit comments

Comments
 (0)