Cuando mueves input type = range, que se coloca verticalmente, la pantalla se desplaza con él.
¿Hay alguna forma de prohibir el desplazamiento al mover la entrada?

enter image description here

He preparado una demostración.
Puede comprobar este problema ajustando el tamaño de la pantalla para dispositivos móviles en las Herramientas para desarrolladores.
Código de demostración

0
C.V.Alkan 28 feb. 2021 a las 06:03

1 respuesta

La mejor respuesta

Está buscando CSS touch-action: none, que debe colocarse en el elemento con el que desea interactuar sin desplazarse por la vista (en este caso, la entrada).

      <input
        type="range"
        onChange={changeInput}
        style={{ transform: "rotate(90deg)", "touch-action": "none" }}
      />

Aquí está su código actualizado con este cambio.

1
David 28 feb. 2021 a las 03:13