Skip to content

[Designer] Trap keyboard for modal dialogs - #4850

Merged
paulcam206 merged 2 commits into
mainfrom
paulcam/dialog-tab-nav
Sep 29, 2020
Merged

[Designer] Trap keyboard for modal dialogs#4850
paulcam206 merged 2 commits into
mainfrom
paulcam/dialog-tab-nav

Conversation

@paulcam206

@paulcam206 paulcam206 commented Sep 29, 2020

Copy link
Copy Markdown
Member

Description

@golddove and I noticed a couple of issues with modal dialogs in the Designer:

  • Keyboard focus wasn't returning to point of invocation when the dialog was dismissed
  • Keyboard focus wasn't restricted to the dialog as it should be
  • Modal dialog difficult to distinguish visually

This fixes that. Here's what modals look like now:
image

How Verified

  • local build, devtools, narrator
Microsoft Reviewers: Open in CodeFlow

@ghost

ghost commented Sep 29, 2020

Copy link
Copy Markdown

Hi @paulcam206. Thanks for helping make the AdaptiveCards JS renderer + tooling better. As additional verification, once the JS build succeeds, please go to the test site to test out your website/designer changes.

@RebeccaAnne RebeccaAnne left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

:shipit:

Comment thread source/nodejs/adaptivecards-designer/src/dialog.ts Outdated
Comment thread source/nodejs/adaptivecards-designer/src/dialog.ts Outdated
@paulcam206
paulcam206 force-pushed the paulcam/dialog-tab-nav branch from 61b7180 to a85c603 Compare September 29, 2020 21:45
@ghost ghost removed the Needs: Author Feedback label Sep 29, 2020
@paulcam206
paulcam206 requested a review from dclaux September 29, 2020 21:56
@paulcam206
paulcam206 merged commit 6907164 into main Sep 29, 2020
@paulcam206
paulcam206 deleted the paulcam/dialog-tab-nav branch September 29, 2020 22:25
@ghost ghost removed the AdaptiveCards v20.09 label Sep 30, 2020
@ghost

ghost commented Oct 2, 2020

Copy link
Copy Markdown

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

Labels

Area-Accessibility Bugs around feature accessibility Area-Designer

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants