[a11y]: ComposedModal - VO on iPhone, focus isn't trapped when modal is open

[annawen1]

Package

carbon-components-react

Browser

Safari

Operating System

MacOS

Package version

10.55.0

React version

16.9.0

Automated testing tool and ruleset

Manual testing

Assistive technology

iPhone 12 - VoiceOver

Description

When testing the ComposedModal with VoiceOver on iPhone on Safari, the focus goes outside of the modal when user has swiped through all the items within the modal. Focus should remained trapped within modal.

RPReplay_Final1648046059.mov

WCAG 2.1 Violation

No response

CodeSandbox example

NA

Steps to reproduce

Go to storybook: https://react.carbondesignsystem.com/?path=/story/components-composedmodal--default on iPhone - Safari

1. Using VO, swipe through all modal content
2. see how VO then focuses on elements outside of the modal

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems