クローズモーダルがクロムのボディを上にシフトしてスクロールします

Question

これは53からChrome 55に更新したときにクロムで発生しました。私は、フォームでWordPressを使用してメディアマネージャを開いてファイルを追加しています。私はファイルを追加せず、ウィンドウを閉じるだけです。モーダルを閉じると、ページがフッタにジャンプし、次にスクロールバーが停止する前に半分ほど上にスクロールするだけです（違いがあれば1700pxを隠すことができます）。私は検査に行き、1700pxのパディングを上に追加して、すべてのコンテンツをもう一度見ることができます。それはまた、モーダルが開かれる前にそこになかったフッタの下に白いスペースの束を追加して、スクロールバーを同じサイズに保ちながらすべてをシフトさせるように見えます。

私が持っているいくつかのCSSの設定は：私も運

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

で身体上の「オープン・モーダル」クラスを変更しようとした

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

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

私はすべてを通して見てきましたそして、navbarを除いて身体に固定要素を持たない。これはFirefox 50またはIE 11では発生しません。

Answer 1

これは完璧な修正ではありませんが、動作しているようです。私は財団のフォーラムでthis answerを発見した後、これに私のCSSを変更：

body.modal-open { 
    overflow: visible; 
} 

今モーダルは私のコンテンツの下に表示されます空白のトンがまだあるオー​​プンですが、スクロールバーが長くなりますので、私はスクロールすることができたときにトップへモーダルを閉じると、モーダルをクリックしてスクロールバーを通常の位置に戻した場所にジャンプします。これはFoundation 5の問題です。