序文#
通常、日常の開発では Table 表をよく使用し、さまざまな問題に遭遇することがよくあります。
問題#
Microsoft Edge ブラウザーにおいて、異なる解像度や拡大率で、特定のページの y 軸スクロールバーが消えてしまい、スクロールできなくなることがあります。
解決方法#
max-height 属性を使用して el-table に最大高さを指定する際(開発中、リストの高さが固定でない場合があり、ブラウザーの高さを監視して最大高さを設定することがあります)、リストの動的な最大高さ値を計算する際に整数に丸めていなかったことが異常の原因であることが判明しました。整数に丸めることで正常に戻ります。また、複数の浮動小数点数を設定した場合、Microsoft Edge ブラウザーなどでは y 軸スクロールバーが機能しなくなることがあり、el-scrollbar の子要素に高さが欠落していることが原因である可能性がありますが、具体的な原因は不明です。
まとめ#
要するに、max-height 属性を使用する際には整数に丸める必要があるということです。