作成日: 2025/03/12 最終更新日: 2025/03/12
文書種別
不具合
発生環境
Edgeでのみ発生
※弊社では下記設定で発生することを確認しております。
・ブラウザのズームサイズが100%
・PCのディスプレイ設定のディスプレイサイズが125%または150%
状況
回避方法あり
詳細
グリッドに水平スクロールバーが表示されるまでページ/ウィンドウのサイズを縮小すると、グリッドの行数が変更された際に縦スクロールバーが表示されてしまいます。
回避方法
スクロールバーが表示されるタイミングでCSSを設定して、スクロールバーを非表示にします。
grid.updatedLayout.addHandler((s, e) => {
let host = s.hostElement.querySelector('div[wj-part="root"]');
if (host) {
let clientHeight = host.clientHeight;
let scrollHeight = host.scrollHeight;
wjCore.toggleClass(host, 'hide-scrollbar', scrollHeight <= clientHeight);
}
});
grid.onUpdatedLayout();
// CSS
.hide-scrollbar {
overflow-y: hidden !important;
}