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

[MAS3.2.1][Keyboard Navigation-Sign in with your azure account] When the user press the enter key on “Sign in with your azure account” focus is not the dialog controls #1741

Closed
Kumar2608 opened this issue Aug 19, 2019 · 6 comments

Comments

@Kumar2608
Copy link

Actual Result:
When the user press the enter key on “Sign in with your azure account” focus is not the dialog controls after press tab key focus is moves to the somewhere i.e design guidelines link.

Expected Result:
When the user press the enter key on“Sign in with your azure account” focus should be lands on the dialog control only after press the tab key focus should moves to the next interactive control i.e “Don’t have an azure account? sign up.”

Note: Same issue exits throughout the application for all dialog controls
Same issue repro for below path
Navigate to the Open bot ->Select the Open bot control->Open bot dialog
Welcome Bot Framework Emulator ->Create new bot configuration
Navigate to the Open bot ->Select the Open bot control->Open bot dialog ->Connect the bot
Bot Explorer->Services->+symbol
Bot Explorer->Services->+symbol->Add language understanding

Repro Steps:
1.Open the Bot Framework V4 Emulator.
2.Navigate to the Welcome tab screen
3.Navigate to the sign in with your azure account and select it
4.Dialog gest opened and try to navigate dialog using tab key
5.Observe the issue

User Impact:
Users who rely on keyboard navigation will be affected to navigate the control if keyboard focus is not lands on the expected control keyboard users will be affected.

Test Environment:
OS Build: Version 1903(OS Build 18362.239)
Browser: Edge
Application: Bot Framework V4 Emulator

MAS Reference Link:
https://microsoft.sharepoint.com/:w:/r/teams/msenable/_layouts/15/WopiFrame.aspx?sourcedoc={a4bbd37d-ee11-485e-b5c8-0539f0ac94b2}
MAS3.2.1_Sign in with your account.zip

@corinagum
Copy link
Contributor

corinagum commented Sep 3, 2019

https://github.com/microsoft/BotFramework-Emulator/tree/corinagum/1741

I have a fix for this and all dialogs that are not maintaining focus within its scope. It looks like the original focus trap code broke in a React bump.

Draft PR at: #1829

I'm waiting to do a PR for this sSince @tonyanziano also has dialog changes that I'm waiting for before merging this. I am also hoping e2e tests will get in soon so I can use e2e tests here. :)

@tonyanziano
Copy link
Contributor

This will hopefully knock out #1724 as well

@Kumar2608
Copy link
Author

Kumar2608 commented Sep 19, 2019

Verified in latest Bot emulator version -4.5.2-79718 .Issue partially fixed .Hence we are reactivating this bug
When we cancel the dialogs focus is moves to bot explorer control instead of respective dialog controls.

@corinagum corinagum removed the Fixed label Sep 19, 2019
@corinagum
Copy link
Contributor

Blocked on finishing this one up until #1877 is in.

@corinagum
Copy link
Contributor

working on this now.

corinagum added a commit that referenced this issue Oct 8, 2019
* Styling fix / refactor of connectedServiceEditor

* Add buttonRef to button components

* Add resolvers

* Add buttonrefs and manual focus

* Fix tests

* Review cleanup

* Add button component test

* Add tests
@Kumar2608
Copy link
Author

Verified in latest bot emulator version-4.5.2-82590 Issue got fixed hence we are closing this bug.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants