親要素にoverflow: "auto"が設定されている時、リストから月を選択できない – MESCIUS ナレッジベース

作成日: 2022/04/15 最終更新日: 2022/04/15

文書種別

制限事項

発生環境

Firefoxでのみ発生

詳細

GcCalendarコントロールの親要素にoverflow: "auto"が設定されている時、カレンダーヘッダー部分をクリックして表示されるリストから月を選択することができません。

以下のコードのように設定すると問題が発生します。

<div style={{overflow: "auto"}}>
  <GcCalendar
    headerFormat={'yyy年 M月'}
    yearMonthFormat={'yyy年,M月'}
/>

この現象は、ブラウザの動作に起因する問題で、制限事項になります。

回避方法

次のようにボタン要素を配置します。

<div style={{overflow: "auto"}}>
  <button style={{padding: 0,border: "none"}}>
    <GcCalendar
      headerFormat={'yyy年 M月'}
      yearMonthFormat={'yyy年,M月'}
    />
  </button>
</div>