Ich versuche, mit Leaflet.js eine Karte in einem Fenster mit Registerkarten von Twitter Bootstrap anzuzeigen, aber das Verhalten ist merkwürdig:

Wenn ich auf die Registerkarte klicke, die das Bedienfeld enthält, befindet sich eine graue Ebene über der Karte. Wenn ich die Karte ziehe und verschiebe, sehe ich andere Kacheln, aber nicht die ursprünglichen.

Noch seltsamer ist, dass, wenn ich die Größe des Browsers verändere, dieser plötzlich einwandfrei funktioniert, bis ich ihn erneut lade. Ich würde also annehmen, dass es ein Problem mit der CSS gibt, aber ich kann das Problem nicht finden.

Das Platzieren der Karte außerhalb des Registerkartenbereichs funktioniert ebenfalls hervorragend.

Ich habe in Firefox und Chrome getestet und beide haben das gleiche Problem.

Ich habe einen Test in jsfiddle erstellt, um ihn "live" zu sehen:http://jsfiddle.net/jasalguero/C7Rp8/1/

Jede Hilfe wird sehr geschätzt!