[FlexGrid] 日付列にドロップダウンカレンダーを設定している場合に、ウィンドウ下端に表示されたカレンダーを高さが大きい月に切り替えるとカレンダーが閉じる – MESCIUS ナレッジベース

作成日: 2026/01/19 最終更新日: 2026/05/13

文書種別

不具合

状況

修正済み

詳細

FlexGridで日付列にドロップダウンカレンダーを設定している場合に、開いたカレンダーがウィンドウの下端に表示されているとき、カレンダーの高さが大きい月（週の数が多い月）に切り替えると、カレンダーが閉じてしまいます。

回避方法

この問題はバージョン5.20261.50で修正されました。

修正版を適用しない場合の回避方法は次の通りです。

カレンダーのdisplayMonthChangedイベントを処理し、月を切り替えたときにドロップダウンを開きなおします。これによって、ドロップダウンの高さが大きくなり、下部に十分なスペースがない場合に、ドロップダウンの位置が上方に移動します。

const inputDate = new wijmo.input.InputDate(document.createElement('div'));
// 回避方法
inputDate.calendar.displayMonthChanged.addHandler(() => {
    if (inputDate.isDroppedDown) {
        inputDate.isDroppedDown = false;
        inputDate.calendar.refresh();
        inputDate.isDroppedDown = true;
    }
})

var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
    ・・・
    columns: [
        ・・・
        { binding: 'date', header: '日付', format: 'd', editor: inputDate },
    ]
});