1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-10 13:56:47 +01:00
immich/web/src/lib/components/elements
Ben b71aa4473b
feat(web): keyboard accessible context menus (#10017)
* feat(web,a11y): context menu keyboard navigation

* wip: all context menus visible

* wip: more migrations to the ButtonContextMenu, usability improvements

* wip: migrate Administration, PeopleCard

* wip: refocus the button on click, docs

* fix: more intuitive RightClickContextMenu

- configurable title
- focus management: tab keys, clicks, closing the menu
- automatically closing when an option is selected

* fix: refining the little details

- adjust the aria attributes
- intuitive escape key propagation
- extract context into its own file

* fix: dropdown options not clickable in a <Portal>

* wip: small fixes

- export selectedColor to prevent unexpected styling
- better context function naming

* chore: revert changes to list navigation, to reduce scope of the PR

* fix: remove topBorder prop

* feat: automatically select the first option on enter or space keypress

* fix: use Svelte store instead to handle selecting menu options

- better prop naming for ButtonContextMenu

* feat: hovering the mouse can change the active element

* fix: remove Portal, more predictable open/close behavior

* feat: make selected item visible using a scroll

- also: minor cleanup of the context-menu-navigation Svelte action

* feat: maintain context menu position on resize

* fix: use the whole padding class as better tailwind convention

* fix: options not announcing with screen reader for ButtonContextMenu

* fix: screen reader announcing right click context menu options

* fix: handle focus out scenario

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>
2024-06-17 20:52:38 -07:00
..
buttons feat(web): keyboard accessible context menus (#10017) 2024-06-17 20:52:38 -07:00
badge.svelte feat(web): clear failed jobs (#5423) 2023-12-05 02:07:20 +00:00
checkbox.svelte feat(web,a11y): form and search filter accessibility (#9087) 2024-04-26 01:18:19 -05:00
date-input.svelte fix(web): emit updated date when pressing enter (#9640) 2024-05-21 16:58:57 +00:00
dropdown.svelte refactor(web): remove events from clickOutside action (#9943) 2024-06-02 12:20:11 +00:00
group-tab.svelte fix(web): require button type (#9786) 2024-05-27 14:06:15 +07:00
icon.svelte feat(web): previous button for on-boarding steps (#6178) 2024-01-06 20:01:24 +00:00
radio-button.svelte feat(web,a11y): form and search filter accessibility (#9087) 2024-04-26 01:18:19 -05:00
search-bar.svelte feat(web): translations (#9854) 2024-06-04 15:53:00 -04:00
slider.svelte feat(web,a11y): slider accessibility improvements (#8479) 2024-04-06 14:18:49 +00:00