Schließen Modal verschiebt Körper und bricht Scrollen in Chrom

Question

Dies begann in Chrom auftreten, wenn ich von 53 auf Chrome 55 aktualisiert. Ich benutze WordPress mit Foundation und den Medien-Manager zu öffnen, um eine Datei in einem Formular hinzuzufügen. Ich füge keine Dateien hinzu, einfach das Fenster schließen. Sobald ich das Modal geschlossen habe, springt die Seite zur Fußzeile und dann kann ich nur ungefähr zur Hälfte scrollen (verbirgt die oberen 1700 Pixel, wenn das einen Unterschied macht), bevor die Bildlaufleiste stoppt und ich nicht weiter nach oben komme. Ich kann inspizieren und 1700px Padding an die Spitze hinzufügen und den gesamten Inhalt wieder sehen. Es fügt auch eine Menge Leerraum unterhalb der Fußzeile hinzu, der vor dem Öffnen des Modals nicht vorhanden war, so dass es aussieht, als ob die Bildlaufleiste dieselbe Größe beibehält, aber einfach alles verschiebt.

Einige CSS-Einstellungen habe ich:

body { 
    overflow-y: hidden; 
    position: relative; 
} 

body, html { 
    width: 100%; 
    overflow-x: hidden; 
    position: relative; 
} 

ich auch die auf den Körper ‚open-modal‘ Klasse ohne Glück versucht haben, zu modifizieren

body.open-modal { 
    overflow-y: auto; 
    position: fixed; 
} 

ich durch alles haben gesucht und haben keine festen Elemente im Körper außer der Navigationsleiste. Dies tritt weder bei Firefox 50 noch bei IE 11 auf.

Answer 1

Dies ist keine perfekte Lösung, aber es scheint zu funktionieren. Ich fand this answer auf den Foundation-Foren und wechselte dann meine CSS dazu:

body.modal-open { 
    overflow: visible; 
} 

Nun, wenn die modalen offen gibt es noch eine Tonne weißen Raum, der unter meinem Inhalt erscheint, aber die Bildlaufleiste wird immer länger, so kann ich blättern bis an die Spitze. Das Schließen des Modales bringt mich jetzt zurück zu dem Ort, an dem ich geklickt habe, um das Modal zu öffnen und die Bildlaufleiste wieder normal zu machen. Es scheint ein Problem mit Foundation 5 zu sein.