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

fix(web): asset viewer navigation buttons #7888

Merged
merged 1 commit into from
Mar 12, 2024

Conversation

michelheusschen
Copy link
Contributor

  • Show cursor as pointer when hovering over clickable navigation area
  • Improve accessibility
  • Remove unused keydown event

Copy link

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: bf3f832
Status: ✅  Deploy successful!
Preview URL: https://a5382996.immich.pages.dev
Branch Preview URL: https://fix-web-asset-viewer-navigat.immich.pages.dev

View logs

Copy link
Contributor

@jrasm91 jrasm91 left a comment

Choose a reason for hiding this comment

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

Why do we need to wrap the button in a div and have the click handler be in the div and not the button?

@michelheusschen
Copy link
Contributor Author

That allows focusing the button and not the whole clickable area (white border in image for illustration). The click event from the button bubbles up to the div where it's handled, that's also why we can safely ignore these a11y warnings.

asset-viewer-button-focus

@jrasm91 jrasm91 merged commit 41504b9 into main Mar 12, 2024
26 checks passed
@jrasm91 jrasm91 deleted the fix/web-asset-viewer-navigation-buttons branch March 12, 2024 12:09
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.

2 participants