マイクロソフトエッジは、ボタン上の問題をリサイズここ

Question

を置く私のHTMLとCSSです：fiddle

.right { 
 
    float: right; 
 
} 
 
.scroll { 
 
    max-height: 100px; 
 
    overflow-y: auto; 
 
}

<div class="right"> 
 
    <button>x</button> 
 
    <div class="scroll"> 
 
     <div>testtesttesttest testtest</div> 
 
     <div>testtesttesttest testtest</div> 
 
     <div>testtesttesttest testtest</div> 
 
     <div>testtesttesttest testtest</div> 
 
     <div>testtesttesttest testtest</div> 
 
     <div>testtesttesttest testtest</div> 
 
     <div>testtesttesttest testtest</div> 
 
    </div> 
 
</div>

私はマイクロソフトのボタンの上に置くと、内側のdivがリサイズされているEdgeの。

この単純なバージョンでは、ボタンホバーでエラーを生成できますが、実際にはウィンドウのどこかをクリックするとサイズ変更が発生します。

Answer 1

これは完璧な解決策ではありませんが、 display: inlineを.scroll lに置き、ホバー状態で再び問題を解決します。

ホバー上の何かが（垂直スクロールで拡張）不確実な幅寸法と兄弟要素に影響を与え、ボタンのスタイルを変更し、トリガ...それは最も可能性が高いです...奇妙な行動である。この一方の縁 Code pen link