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?

questionAnswers(12)

yourAnswerToTheQuestion