You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In WCAG 2.1 SC 1.4.10 Reflow your webapp has to deal with a browser window of just 320 Pixel width. At 420px or less Vaadin changes displaying of ListBox content and DatePicker widget: the overlays appear at the bottom of the page. That's fine. But here is the catch:
a. DatePicker and DateTimePicker won't get focus by pressing tab.
b. DatePicker and DateTimePicker break tabindex order in dialogs
Expected outcome
Well, I would expect the width of the view doesn't have any influence on tabindex.
Every Date[Time]Picker shall be accessible via keyboard regardless of window size.
Press tab several times
Expected:
You are circling through all fields and controls of the dialog.
Actually:
You are trapped between status field and nowhere. DatePicker has focus-ring, but never actually focused.
Environment
Vaadin version(s): 24.3.14 and 24.4.3
OS: Win11
Browsers
Edge + Chrome
The text was updated successfully, but these errors were encountered:
Description
In WCAG 2.1 SC 1.4.10 Reflow your webapp has to deal with a browser window of just 320 Pixel width. At 420px or less Vaadin changes displaying of ListBox content and DatePicker widget: the overlays appear at the bottom of the page. That's fine. But here is the catch:
a. DatePicker and DateTimePicker won't get focus by pressing tab.
b. DatePicker and DateTimePicker break tabindex order in dialogs
Expected outcome
Well, I would expect the width of the view doesn't have any influence on tabindex.
Every Date[Time]Picker shall be accessible via keyboard regardless of window size.
Minimal reproducible example
https://vaadin.com/docs/latest/components/date-time-picker for a.) and
https://bakery-flow.demo.vaadin.com/ for b.) will do.
Steps to reproduce
a.)
Expected:
DateField has focus and input cursor.
Actually:
Focus is nowhere to be seen and DateField is inaccessible by keyboard.
b.)
Expected:
You are circling through all fields and controls of the dialog.
Actually:
You are trapped between status field and nowhere. DatePicker has focus-ring, but never actually focused.
Environment
Vaadin version(s): 24.3.14 and 24.4.3
OS: Win11
Browsers
Edge + Chrome
The text was updated successfully, but these errors were encountered: