feat(mat-calendar): Automatically reposition "close calendar" button if it is offscreen
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
### Feature Description
When using keyboard navigation, the "close calendar" button is placed at the bottom of the calendar after tabbing through the other interactive elements in the component. If this button would be positioned offscreen, it should be repositioned into view to improve accessibility.
### Use Case
A user may increase the browser size to 200%, or the calendar may just be positioned toward the bottom of the screen, which may cause this close button to render offscreen when displayed.
コントリビューションガイド
調査の方向性
Angular Material のカレンダーコンポーネントとそのキーボードナビゲーションの動作から始め、インタラクティブ要素を Tab で移動した後に閉じるカレンダーボタンがどのように配置されるかに注目します。ブラウザのズームを 200% にするか、カレンダーを画面下部付近に配置してケースを再現し、その後、フォーカスされた閉じるボタンが表示領域内に再配置されることを確認します。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- accessibility, frontend
- issue の種類
- 機能追加
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100