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

Keyboard Focus lands on back button after activating delete button. #3470

Open
2 of 6 tasks
msftedad opened this issue Mar 5, 2024 · 1 comment
Open
2 of 6 tasks

Comments

@msftedad
Copy link

msftedad commented Mar 5, 2024

Willing to submit a PR to fix?

  • I am willing to submit a PR to fix

Requested priority

High

Products/applications affected

Teams

Package version(s)

5.9.0

OS version(s)

16.4.1

Platform

  • iOS
  • macOS
  • win32
  • windows
  • android

Xcode version

No response

Please provide a reproduction of the bug

Repro Steps:
Open the https://reactnative.dev/docs/alert
Navigate to Example.
Navigate to My device and turn on the toggle button.
Select iOS and click on Tap to play.
Select the 2-button alert and select cancel button.
Observe that focus should land on the 2-button alert.

Actual behavior

After activating the delete button keyboard focus first lands on the back button and then move to the other interactive contents in the background. Users need to perform lots of keystrokes to reach the interactive controls within the delete task dialog.

Expected behavior

Focus should land on the first interactive element under "delete task' pop-up after activating delete button.
React attchment.webm

@Saadnajmi
Copy link
Collaborator

The linked example is a plain React Native example, not specific to FluentUI React Native? I also can't see your video. I don't think this repo is the right place for this issue

@Saadnajmi Saadnajmi reopened this Mar 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants