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

Dialog: Focus shifts unexpectedly on opening #4363

Open
maximedegreve opened this issue Mar 6, 2024 · 2 comments
Open

Dialog: Focus shifts unexpectedly on opening #4363

maximedegreve opened this issue Mar 6, 2024 · 2 comments
Assignees
Labels
bug Something isn't working component: Dialog react

Comments

@maximedegreve
Copy link
Contributor

Description

I've made a Dialog that has 4 items you can choose from (ActionList items). When I open the dialog, it automatically highlights the last item you can choose.

There are multiple problems happening here.

  • There is a visual focus state when navigating by mouse
  • It focuses on the last ActionList item.
focus.mov

Steps to reproduce

  1. Internally go to our Primer Recipes example
  2. Click Assigned

Version

Latest

Browser

Safari

@maximedegreve maximedegreve added the bug Something isn't working label Mar 6, 2024
@maximedegreve maximedegreve changed the title Dialog: Focus is set unexpectedly on opening Dialog: Focus shifts unexpectedly on opening Mar 6, 2024
@siddharthkp
Copy link
Contributor

siddharthkp commented Mar 7, 2024

@maximedegreve Tried to reproduce and couldn't 🤔. Tested on Safari and Chrome

Are there more steps required?

small-dialog-focus.mov

@maximedegreve
Copy link
Contributor Author

@siddharthkp I'm not sure why this works differently on mine here.

I've took a full window video to demonstrate my setup.

CleanShot.2024-03-10.at.20.13.14.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working component: Dialog react
Projects
None yet
Development

No branches or pull requests

3 participants