Many controls interrupt browser navigation with keyboard when focused
See original GitHub issueRelated to this issue with sap.m.Slider, I noticed there are several more controls interrupting global keyboard handling when they are focused:
- <del>sap.m.(Range)Slider</del> --> Fixed by https://github.com/SAP/openui5/commit/4a6bfc5f8138fc8d76e43ae2dda99db279547d73
- sap.m.BusyIndicator --> Will be covered in backlog item CPOUI5FRAMEWORK-174
- <del>sap.m.IconTabBar</del> --> Fixed by https://github.com/SAP/openui5/commit/a71d0e8706fbb65375fd85503b8f835a98ce62f5
- <del>sap.tnt.SideNavigation</del> --> Fixed by https://github.com/SAP/openui5/commit/a71d0e8706fbb65375fd85503b8f835a98ce62f5
- <del>sap.m.ListBase</del> --> Fixed by https://github.com/SAP/openui5/commit/939cd59f205d04d4466e8163261b231fee60416f
- <del>sap.m.Breadbrumbs</del> --> Fixed by https://github.com/SAP/openui5/commit/cd4846b30947928685bdb85f17f1ad858f6c5391
- <del>sap.m.TabContainer</del> --> Fixed by https://github.com/SAP/openui5/commit/1a63acd2ed4855a132a697b50d449ce8fe49a909
- <del>sap.m.ActionSheet</del> --> Fixed by https://github.com/SAP/openui5/commit/691475300c7d7bf7adaca5451d1081e97e609683 and https://github.com/SAP/openui5/commit/42ae4a7d0c8e7f3a09a15b3b24f60aff25fefe43
- <del>sap.m.SegmentedButton</del> --> Fixed by https://github.com/SAP/openui5/commit/1a63acd2ed4855a132a697b50d449ce8fe49a909
- <del>sap.m.WizardProgressNavigator</del> --> Fixed by https://github.com/SAP/openui5/commit/999cf88de3d9180f5adecae7d314dbd22d283e07
- <del>sap.m.RadioButtonGroup</del> --> Fixed by https://github.com/SAP/openui5/commit/a71d0e8706fbb65375fd85503b8f835a98ce62f5
- <del>sap.m.SelectList</del> --> Fixed by https://github.com/SAP/openui5/commit/f1c8b1e161a4f710d88de82dcadd6d412cb5dfcd
- sap.m.HeaderContainer
- <del>sap.m.ColorPalette</del> --> Fixed by https://github.com/SAP/openui5/commit/1a63acd2ed4855a132a697b50d449ce8fe49a909
- <del>sap.m.FacetFilter</del> --> Fixed by https://github.com/SAP/openui5/commit/1a63acd2ed4855a132a697b50d449ce8fe49a909
- <del>sap.m.MaskInput</del> --> Works as expected
- <del>sap.m.SinglePlanningCalendarGrid</del> --> Fixed by https://github.com/SAP/openui5/commit/f321fb921cfc72576a64e8380f9f9851e4d8d566
- <del>sap.ui.unified.Menu</del> --> Fixed by https://github.com/SAP/openui5/commit/1a63acd2ed4855a132a697b50d449ce8fe49a909
- <del>sap.m.MultiInput/.MultiComboBox</del> --> Fixed by https://github.com/SAP/openui5/commit/ff3da57fc5d9306ea67b1e418380bf0e41ceff35
- <del>sap.m.TimePicker</del> with
maskMode
enabled --> Works as expected
Browsers allow page navigation with the following keyboard shortcuts:
- Windows & Chrome OS / Linux:
- <kbd>Left Alt</kbd> + <kbd>←</kbd><kbd>→</kbd>
- <kbd>Right Alt</kbd> (<kbd>Alt Gr</kbd>) + <kbd>←</kbd><kbd>→</kbd>
- macOS:
- <kbd>⌘</kbd> + <kbd>←</kbd><kbd>→</kbd>
- <kbd>⌘</kbd> + <kbd>[</kbd><kbd>]</kbd>
Other global shortcuts: https://en.wikipedia.org/wiki/Table_of_keyboard_shortcuts
It would be nice if controls, which support keyboard handling, could respect shortcuts of the user agent if applicable.
Issue Analytics
- State:
- Created 6 years ago
- Comments:15 (15 by maintainers)
Top Results From Across the Web
Keyboard-navigable JavaScript widgets - Accessibility | MDN
By default, when people use the tab key to browse a webpage, only interactive elements (like links, form controls) get focused.
Read more >Keyboard only navigation tips - Accessibility - UW-Stout
Browser access keys · Internet Explorer 8+: Use Alt + [accesskey] (Windows/Linux) or Control + [accesskey] (Mac) · Firefox: Use Alt + Shift...
Read more >Chrome keyboard shortcuts - Computer - Google Chrome Help
Log in a different user or browse as a Guest, Ctrl + Shift + m ; Open a feedback form, Alt + Shift...
Read more >Windows keyboard shortcuts for accessibility - Microsoft Support
Shift five times. Turn Sticky Keys on or off ; Num lock for five seconds. Turn Toggle Keys on or off ; Ctrl...
Read more >Quick tip: Browser keyboard navigation in macOS
In the macOS settings, the "All Controls" setting must be enabled for all focusable interactive elements (for instance, links) to be keyboard ......
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hello again @boghyon ,
The SegmentedButton, ColorPalette, FacetFilter, Menu and TabContainer are fixed now. Therefore I am marking them as done.
Best regards, Tereza
MultiComboBox and MultiInput
Thanks for reporting! Martin