Signature_pad: El dibujo está roto en dispositivos iOS 13
El dibujo está roto en dispositivos iOS 13.
Puedo dibujar líneas rectas horizontales, pero si trato de dibujar líneas verticales, solo dibuja un punto y la página se desplaza hacia arriba y hacia abajo en lugar de dibujar.
Verifiqué con XCodes iOS Simulator que funcionaba en dispositivos iOS 12.
El error también se puede reproducir con la demostración oficial de signature_pad http://szimek.github.io/signature_pad/
Una cita de las notas de la versión de Safari 13:
Added support for one-finger accelerated scrolling to all frames and overflow:scroll}}elements eliminating the need to {{set-webkit-overflow-scrolling: touch.
Changed the default behavior on iPad for wide web pages with responsive meta-tags that require horizontal scrolling. Pages are scaled to prevent horizontal scrolling and any text is resized to preserve legibility.
https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes
¿Podría ser esta la causa de este error?
derUli
Todos 3 comentarios
La forma más sencilla de solucionar este problema es agregando un contenedor con ontouchmove="return false"
<div ontouchmove="return false">
<canvas id="signature" />
</div>
victor-perez
en 24 sept. 2019
también está arreglado en iOS 13.1
victor-perez
en 25 sept. 2019
Tuve que adjuntar el controlador de eventos onTouchMove al div contenedor raíz de nuestra aplicación de reacción.
No funciona si simplemente envuelvo el lienzo en un div con ese controlador de eventos.
Sin embargo, esto deshabilita completamente el desplazamiento en dispositivos táctiles.
Así que tuve que adjuntar y separar dinámicamente el evento ontouchmove cuando el usuario hace clic en el lienzo.
derUli
en 27 sept. 2019
Temas relacionados
siggifv
·
3Comentarios
Sparticuz
·
7Comentarios
chitgoks
·
5Comentarios
davidosuna1987
·
11Comentarios
Zuldra
·
4Comentarios
Comentario más útil
también está arreglado en iOS 13.1