[FlexGrid] mousemoveイベントを利用しセルにツールチップを表示させている時、スクロールバーにマウスを移動した後でツールチップが非表示にならない – MESCIUS ナレッジベース

作成日: 2023/02/10 最終更新日: 2023/02/28

文書種別

制限事項

状況

回避方法あり

詳細

mousemoveイベントを利用してセルにツールチップを表示させる実装をしている時、ツールチップが表示された状態でスクロールバーにマウスを移動してもツールチップが非表示になりません。

※画面のサイズによって再現する場合としない場合があります。

再現する一例：
1920*1080

再現しない一例：
1920*1200

※マウスオーバーによるツールチップ表示の実装方法はこちらのナレッジベースをご参照ください。

回避方法

スクロールバーにマウスオーバーされない時のみの条件を追加し、ツールチップを表示します。

flexGrid.hostElement.addEventListener('mousemove', function (e) {
    var ht = flexGrid.hitTest(e.pageX, e.pageY);
    if (!ht.range.equals(rng)) {
        if (ht.cellType == wijmo.grid.CellType.Cell) {
            rng = ht.range;
            var cellElement = document.elementFromPoint(e.clientX, e.clientY),
                cellBounds = flexGrid.getCellBoundingRect(ht.row, ht.col),
                data = wijmo.escapeHtml(flexGrid.getCellData(rng.row, rng.col, true));

            //回避方法
            if (cellElement.className.indexOf('wj-cell') > -1) {
                tip.show(flexGrid.hostElement, data, cellBounds);
            }
        }
    }
});