作成日: 2019/07/01 最終更新日: 2019/08/28
文書種別
不具合
発生環境
・タッチ機能が有効な環境 ・Internet Explorer／Microsoft Edge
状況
修正済み
詳細
CSSによりスクロールバーのスタイルを変更すると、スクロールの表示および動作が不正になる場合があります。具体的には次の2つの現象が発生します。
・グリッドの固定列が水平スクロールバーよりも全面に表示されます。
・グリッドの縦スクロールを操作すると、固定列とそれ以外の列がずれて表示されます。
本現象は次のナレッジ文書で公開されているCSS設定（回避方法）を有効にしている環境で、さらに以下の条件が有効になったグリッドで発生します。
[GridView for ASP.NET Web Forms] 水平スクロールバーが最終行に重なり、セルに対する操作が行えない場合がある
[条件]
・グリッドに固定列が設定されている
・グリッドのHeight／Widthを指定しない
・グリッドの固定列が水平スクロールバーよりも全面に表示されます。
・グリッドの縦スクロールを操作すると、固定列とそれ以外の列がずれて表示されます。
本現象は次のナレッジ文書で公開されているCSS設定（回避方法）を有効にしている環境で、さらに以下の条件が有効になったグリッドで発生します。
[GridView for ASP.NET Web Forms] 水平スクロールバーが最終行に重なり、セルに対する操作が行えない場合がある
[条件]
・グリッドに固定列が設定されている
・グリッドのHeight／Widthを指定しない
回避方法
この問題は2019J v2（4.5.20192.312）で修正されました。
※修正版を適用しない場合の回避方法は以下の通りです。
下記のようなスクリプトを実装してブラウザのリサイズ時に明示的に固定列の高さを設定する方法が有効です。
<script>
onload = function () {
$(window).resize(function () {
setTimeout(function () {
var sw = $(".wijmo-wijgrid-split-area-sw");
var ct = $(".wijmo-wijsuperpanel-statecontainer");
sw.height(ct.get(0).clientHeight - sw.position().top);
}, 300);
})
$(window).resize();
}
</script>
※修正版を適用しない場合の回避方法は以下の通りです。
下記のようなスクリプトを実装してブラウザのリサイズ時に明示的に固定列の高さを設定する方法が有効です。
<script>
onload = function () {
$(window).resize(function () {
setTimeout(function () {
var sw = $(".wijmo-wijgrid-split-area-sw");
var ct = $(".wijmo-wijsuperpanel-statecontainer");
sw.height(ct.get(0).clientHeight - sw.position().top);
}, 300);
})
$(window).resize();
}
</script>
旧文書番号
84152