0
209
Vistas¿Evitar que la entrada 'seleccionar' en iOS 15 Safari oculte y muestre la barra de direcciones?
Esto es realmente curioso. Interactuar con entradas select parece ocultar/mostrar la barra de direcciones según el "desplazamiento percibido" por el navegador.
Entiendo el comportamiento del desplazamiento normal de la página relacionada con el contenido, pero no tiene sentido que la barra de direcciones se oculte/muestre en función de la dirección de desplazamiento cuando se interactúa con una entrada select . Esto está en ios 15.x y mientras que el siguiente ejemplo está en un emulador, el 'error' original fue detectado en un dispositivo ios real.
Cambiar la posición de desplazamiento a través de JS aparentemente no hace nada en este caso, ni actualizar overscroll-behavior o los atributos css touch-action en los elementos dom.
Aquí está el comportamiento en cuestión:
1 Respuestas
Responde la pregunta0
Parece que es un error en iOS 15+ en Safari. No hay ningún problema como ese en Chrome. Sin embargo, he encontrado una solución para esto. He hecho un ejemplo, puedes probarlo aquí . Simplemente abra el enlace en su dispositivo iOS. Puede encontrar un repositorio de git con el ejemplo en mi GitHub .
No es una buena práctica, es solo una solución alternativa, por lo que es su elección si la usa o no.
Además, solo para su información: lo he discutido con otros desarrolladores cercanos a mí y hemos acordado que no es una buena práctica tener un elemento desplazable dentro de una página desplazable. En otras plataformas también pueden ocurrir algunas fallas no predecibles. es mejor tener otros elementos de UI para eso si es posible.