fundamental-ngx
fundamental-ngx copied to clipboard
fix(core): grid list keyboard support
fix(core): Enhance keyboard navigation and accessibility
closes #11968
Description
- Implemented keyboard navigation for the grid list using arrow keys, Tab, F2, and F7 keys.
- Added Tab navigation to move focus between grid items, similar to arrow key navigation.
- Ensured proper handling of child item selection within the grid list using Tab.
- Enabled exiting the grid list when a child item is selected by pressing the Tab key.
Deploy Preview for fundamental-ngx ready!
| Name | Link |
|---|---|
| Latest commit | cfeac6c1f2a4da59229def3c8e3b1584a1c9815a |
| Latest deploy log | https://app.netlify.com/sites/fundamental-ngx/deploys/66e4a5d99fae220008f3d0af |
| Deploy Preview | https://deploy-preview-12288--fundamental-ngx.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
Visit the preview URL for this PR (updated for commit cfeac6c):
https://fundamental-ngx-gh--pr12288-fix-core-grid-list-6bn0nczm.web.app
(expires Mon, 16 Sep 2024 20:56:01 GMT)
🔥 via Firebase Hosting GitHub Action 🌎
Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff
- focus on the first item from the grid list
- press F2 (it moves the focus on the first focusable element)
- press F2 - it doesn't go back to the focusing the whole grid list item
Also it is missing the Shift + implementation selection