[MultiRow] グリッドの行数が変更された際に縦スクロールバーが表示されてしまう – MESCIUS ナレッジベース

作成日: 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;
}