作成日: 2025/01/28 最終更新日: 2025/03/27
文書種別
制限事項
状況
回避方法あり
詳細
formatItemイベント等を利用して、グリッドにツールチップを表示する実装を追加します。
この時、ツールチップが表示されるタイミングでマウスを移動すると表示されたツールチップが残ったままになります。
これは、showDelayプロパティの値によって遅延することにより発生します。
showDelayプロパティの値が大きい場合に発生します。
例えば、showDelayプロパティが500(デフォルト値)の場合は発生しますが、100など低い数値に設定する場合は発生しません。
この時、ツールチップが表示されるタイミングでマウスを移動すると表示されたツールチップが残ったままになります。
これは、showDelayプロパティの値によって遅延することにより発生します。
showDelayプロパティの値が大きい場合に発生します。
例えば、showDelayプロパティが500(デフォルト値)の場合は発生しますが、100など低い数値に設定する場合は発生しません。
回避方法
FlexGridのcolumnHeadersのhostElement要素に以下のイベントを追加します。
grid.columnHeaders.hostElement.addEventListener('mouseleave', (e) => {
hdrTips._clearTimeouts();
})
※ツールチップの表示場所がセルの場合は、columnHeadersではなくcellsのhostElement要素に同様のイベントを追加することで回避できます。
grid.cells.hostElement.addEventListener('mouseleave', (e) => {
hdrTips._clearTimeouts();
})