Bootstrap Modal seduto dietro lo sfondo in Chrome

Question

Sto usando Twitter bootstrap, CSS e JS.

Il problema deriva dal plugin modale, è lavorare bene su Firefox e IE ma visualizza male in Chrome: il modal successly pop-up, ma dietro il modal-backdrop quindi è impossibile utilizzare il modulo (contenuto nel dialogo modale)

è possibile avere una prova facendo clic sui pulsanti in alto a destra: http: //

si sta lavorando bene su pagina di esempio bootstrap (http://twitter.github.com/bootstrap/javascript.html#modals) quindi credo che proviene dal mio CSS

ho guardavo ovunque potevo, ma non riuscivo a trovare nulla di sospetto. Cosa mi sono perso?

Answer 1

Lo stile -webkit-overflow-scrolling: touch; in section#maincontainer causa che ciò accada perché sembra essere in conflitto con overflow: auto.

Credo che lo -webkit-overflow-scrolling: touch; debba essere utilizzato per fornire un overflow dello scorrimento del touchscreen all'interno di elementi che utilizzano il posizionamento fisso, quindi non penso che sia necessario applicarlo a section#maincontainer.

Si potrebbe tuttavia voler applicare a modal-body poiché il genitore utilizza il posizionamento fisso e il contenuto potrebbe traboccare.

http://css-tricks.com/mobile-webkit-overflow-scrolling/