ios - tendencias - twitter web

La pantalla modal de las hojas de inicio de Twitter no se puede cliquear después de que desaparezca

Question

Intenté usar la función modal del marco de arranque de Twitter con iOS5. Después de que el usuario haga clic en el botón de cerrar, el modal desaparece correctamente, pero no se puede hacer clic en ningún otro elemento de la pantalla. Este comportamiento solo ocurre bajo iOS5.

Está funcionando correctamente con iOS 6 y en cualquier navegador de escritorio.

Aquí el botón de cerrar:

<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a>

¿Puede ocurrir esto debido a la falta de compatibilidad con html5 / css3 en iOS5?

Answer 1

Sé que este es un tema muy antiguo, pero pensé que publicaría la solución de todos modos, ya que sigue siendo un problema con bootstrap v. 3.2.0. Es solo un problema de iOS 5.0.0 a 5.1.1.

El problema está relacionado con la implementación errónea de -webkit-overflow-scrolling en iOS 5.

Simplemente agregué una clase ios5 través de JavaScript a html (por la detección del agente de usuario, aunque tampoco es el mejor enfoque). Luego puedes usar lo siguiente y solucionará el problema.

.ios5 .modal {
    -webkit-overflow-scrolling: auto;
}

Answer 2

Sr. Liam dice verdad: el cuadro modal también mostrará una superposición de fondo que evita los toques fuera de la vista de fondo. Es posible que lo atrape en la depuración y escriba su propio js para cerrarlo cuando se haga clic en el botón. Me gusta $ (''. Your_class''). Hide ()

También tenga en cuenta que este problema puede ocurrir al abrir la ventana modal y salir de la página. Si hace clic en "atrás" en el dispositivo, puede ver el mismo problema