fix(modal): add conditional tabIndex for handle cycling

[ShaneK]

Issue number: resolves internal

---

What is the current behavior?

Currently, you cannot tab into a sheet modal from outside of it (the background), even with handleBehavior set to cycle. This destroys the accessibility of moving from the background behind a sheet modal to the contents of a sheet modal/the drag bar to be able to cycle the size.

What is the new behavior?

Now you can get into a sheet modal from outside of it and interact with its contents/drag handle when handleBehavior is set to cycle. This opens up the accessibility of the sheet modal and allows for interacting with background elements with sheet modals open using accessibility tools like VoiceOver and TalkBack.

Does this introduce a breaking change?

• Yes
• No

Other information

Relevant test screen

Dev build: 8.6.3-dev.11750971489.140836b0

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ionic-framework	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 30, 2025 1:23pm

[thetaPC]

When testing the dev build on the minimal repro, I noticed that I have to tab twice from the increment button to get to the first interactable element within the modal. Is that expected? I would have thought that I only need one tab.

[thetaPC]

Let's try to add a test to prevent regression.

Maria is out on leave and cannot re-review

[brandyscarney]

Works great! 👍