Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor(web): list navigation with keyboard #7987

Merged
merged 1 commit into from Mar 15, 2024

Conversation

michelheusschen
Copy link
Contributor

Adds the use:listNavigation action that can be used to navigate a list with the arrow up/down keys. This action replaces the current implementations to navigate through location and people suggestions.

The current implementation manually tracks the focused element, but this breaks when using Tab or Shift+Tab to navigate. use:listNavigation uses document.activeElement for tracking to avoid this issue. Other than that, behavior should be the same.

Copy link

Deploying immich with  Cloudflare Pages  Cloudflare Pages

Latest commit: 0d32f39
Status: ✅  Deploy successful!
Preview URL: https://730bc58a.immich.pages.dev
Branch Preview URL: https://refactor-web-list-keyboard-n.immich.pages.dev

View logs

Copy link
Contributor

@alextran1502 alextran1502 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great improvement, thank you

@alextran1502 alextran1502 merged commit 997e9c5 into main Mar 15, 2024
25 checks passed
@alextran1502 alextran1502 deleted the refactor/web-list-keyboard-navigation branch March 15, 2024 20:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants