open-dynaMIX / simple-mpv-webui

A web based user interface with controls for the mpv mediaplayer.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Range sliders don't work on mobile Safari

open-dynaMIX opened this issue · comments

The goal is to make the position and volume sliders behave identical in safari and android.

This means:

  • Visibly follow when dragging
  • Jump on touch
::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1; /* 1 */
  height: 85px;
  background: #999;
  box-shadow: -100vw 0 0 100vw var(--main-fg-color);
  border: 0 solid #999; /* 1 */
}

This worked for me
IMG_95DB75A9C441-1
IMG_6378