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?
Added a property to modal and popover that disabled focus trapping. In the property documentation I made it clear that this should only be used so developers can manually move focus to another overlay. Disabling focus trapping when not doing this can cause a11y issues.
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