ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.47k stars 13.53k forks source link

feat(modal, popover): add ability to temporarily disable focus trapping #29379

Closed liamdebeasi closed 2 weeks ago

liamdebeasi commented 3 weeks ago

Issue number: resolves #24646


What is the current behavior?

Ionic's focus trapping ensures that focus does not move outside of overlays. However, it only recognizes Ionic overlays (ion-modal, ion-popover, etc) as valid overlays. This means presenting a 3rd party overlay from an Ionic overlay is challenging to do because focus never moves to the 3rd party overlay. Developers have requested more control over the focus trapping behavior so they can use 3rd party overlays. By giving developers more control over when focus trapping applies, they will be able to ensure that focus can move from an Ionic overlay to a 3rd party overlay.

What is the new behavior?

Does this introduce a breaking change?

Other information

Dev build: 8.0.0-dev.11712850753.10c4a960

vercel[bot] commented 3 weeks ago

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 Apr 24, 2024 9:24pm