fundamental-ngx icon indicating copy to clipboard operation
fundamental-ngx copied to clipboard

fix(core): grid list keyboard support

Open khotcholava opened this issue 1 year ago • 3 comments

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.

khotcholava avatar Aug 21 '24 12:08 khotcholava

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Aug 21 '24 12:08 netlify[bot]

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

github-actions[bot] avatar Aug 21 '24 12:08 github-actions[bot]

  1. focus on the first item from the grid list
  2. press F2 (it moves the focus on the first focusable element)
  3. press F2 - it doesn't go back to the focusing the whole grid list item

Also it is missing the Shift + implementation selection Screenshot 2024-08-26 at 13 37 35

droshev avatar Aug 26 '24 17:08 droshev