Twitter Bootstrap modal em dispositivos móveis
Os modais de inicialização não funcionam corretamente no Android e no iOS. O rastreador de problemas reconhece o problema, mas não oferece uma solução funcional:
Os modais no 2.0 são quebrados no celular.
Janela modal no 2.0 não se posiciona corretamente
A tela escurece, mas o modal em si não é visível na viewport. É possível encontrá-lo no topo da página. O problema ocorre quando você rolou para baixo na página.
Aqui está uma parte relevante de bootstrap-responsive.css:
<code>.modal { position:fixed; top:50%; left:50%; z-index:1050; max-height:500px; overflow:auto; width:560px; background-color:#fff; border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; margin:-250px 0 0 -280px; } </code>
Existe uma correção que posso aplicar?