React Web アプリ内に、別のブートストラップ行であるヘッダー div を含むブートストラップ列があります。
コンテナーには css があります。
height: calc(100vh - 14em);
overflow-y: hidden;
padding-left: 0;
padding-right: 0;
display: table;
border-left: thin solid #e6e6e6;
そしてヘッダー行にはcssがあります：
border: thin solid #e6e6e6;
border-left: 2px solid #e0e0e0;
height: 6em;
margin-left: 0;
margin-right: 0;
display: table-caption;
これは、Safari 10.1 を除くすべてのブラウザーで完全に機能します。Safari 10.1 では、コンテナー列の他の要素が (React 状態を介して) 移動すると消えます。Safari 9で動作していましたが、更新したときにのみ動作しなくなりました。
css プロパティを 1 つずつ削除し、"position: relative" とすべてのオーバーフロー オプションを追加しようとしましたが、何も機能しません。同様の問題（要素がSafariでのみ消える）も調べてみましたが、これまでのところどれも機能していません.
しかし、「height: 6em」を削除してから元に戻すなど、ブラウザでcss プロパティを変更すると、div が表示されます。別の css プロパティの追加を開始すると、入力が完了する前に要素が表示されます。
これは Safari のバグであると確信しています。9 やその他のブラウザでは問題がなかったからです。どうすれば更新を強制することができますか、それとも必要ありませんか?