Fluentui: Any known issue with modal for iOS (using VoiceOver)?

Created on 3 Feb 2020  路  7Comments  路  Source: microsoft/fluentui

Environment Information

Safari and iOS with Voiceover

Describe the issue:

We have an item using the modal component, in iOS the focus get stuck on the button and does not move to the modal window.

Please provide a reproduction of the issue in a codepen:

Not able to unfortunately, checking to see if this is a known issue.

Actual behavior:

When the button is selected with a screen reader on, focus should move to modal window.

Expected behavior:

Focus gets stuck on the button, and continues to move through background elements.

Documentation describing expected behavior

https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html

Accessibility Dialog Needs External

All 7 comments

@Goopies - not any known issues, you can double check among all our issues here

If you would like us to help you further, please provide more detailed repro steps and actual/expected behaviors

I'm checking to see if I can get a codepen for this running with a working example. Getting more info from the developer.

The issue happens with the Modal example, but in the specific instance we have the content takes a while to load. (Maybe a second, relatively long)

We're thinking that the order in which items load determine what is focused first, which can sometimes break when using iOS and VoiceOver. Is this a possibility?

@Goopies - do you have a codepen to demo the repro? also, do you repro this on desktop + VoiceOver?

It only happens with iOS and VoiceOver.

Here's a codepen which demonstrates the oddness which may be causing this:

https://codepen.io/Goopies/pen/vYOBBOb

If you open that with iOS and VoiceOver you'll notice a flicker of focus which goes from the close button to the Test Button.

Is that determined after load? Perhaps something could cause that focus to go to an unwanted object?

@Goopies - thanks for the info. i can confirm this is unfortunately a bug with Apple/VoiceOver.
you can repro this bug with any modal such as the example in https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html.

I have filed a bug internally to later report it to Apple: https://dev.azure.com/Office/APEX/_workitems/edit/3942374

If you don't have further questions, I will go ahead close this issue

Thanks for checking and reporting! Feel free to close.

Was this page helpful?
0 / 5 - 0 ratings