bug: If alert or modal is opened and android talkback is on then background elements are also read.

Prequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

Background elements are also read If alert or modal is opened and android talkback is on.

Expected Behavior

Background element should not be read If modal or alert is opened.

Steps to Reproduce

1. Turn on talkback.
2. Open modal or alert.
3. Swipe left then right. then focus will go to background elements.

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.16.3 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 5.6.9 @angular-devkit/build-angular : 0.1000.8 @angular-devkit/schematics : 10.0.8 @angular/cli : 10.0.8 @ionic/angular-toolkit : 2.3.3

Cordova:

Cordova CLI : 10.0.0 Cordova Platforms : ios 6.2.0 Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 2.5.1, (and 16 other plugins)

System:

ios-sim : 8.0.2 NodeJS : v14.17.0 (/usr/local/bin/node) npm : 6.14.13 OS : macOS Big Sur Xcode : Xcode 12.5 Build version 12E262```

Additional Information

No response

[Jalpesh009]

Thanks for the reply. It is not reproducible in iOS device. I am still able to reproduce this issue in latest version(v5.6.13) in android device.

[liamdebeasi]

Thanks for the StackBlitz. Are you able to reproduce this issue on the latest version of Ionic Framework? Your StackBlitz is using Ionic Angular v5.0.6. I am able to reproduce the issue on that version, but not on the latest version (v5.6.13).