ionic-team / ionic-team/ionic-framework

bug: navigating to new view in ion-nav in a modal causes browser to move focus to body

Abierto
#27,465 4 comentarios 1 reacción 0 asignados Ver en GitHub
package: core type: bug
Lenguaje dominante
TypeScript
Estrellas
52.7k
Forks
13.3k
Merge medio
1 d 15 h
PR fusionados (30 d)
51

Descripción

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v6.x

### Current Behavior

Hi,

I have a IonNav in a IonModal and I am trying to get better accessibility on my app.
But I'm facing an issue, when user navigates through a new page in my IonNav, focus is not trap anymore in modal and continue in background.

### Expected Behavior

The expected behavior it to trap the focus in modal when navigating through IonNav pages.

### Steps to Reproduce

1. Build a IonNav in a IonModal ;
2. Make sure you have two or more pages you can navigate through ;
3. On navigating to your second, third or more, page using Tab, you can see that your focus continue on your main page (besides your modal).

### Code Reproduction URL

_No response_

### Ionic Info

Ionic:

Ionic CLI : 6.20.8 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.3.2
@angular-devkit/build-angular : 13.3.11
@angular-devkit/schematics : 14.2.2
@angular/cli : 13.1.4
@ionic/angular-toolkit : 7.0.0

Capacitor:

Capacitor CLI : not installed
@capacitor/android : not installed
@capacitor/core : not installed
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : not installed globally

System:

NodeJS : v16.19.1 (/Users/monchaninbenoit/.nvm/versions/node/v16.19.1/bin/node)
npm : 8.19.3
OS : macOS

### Additional Information

Don't worry to ask me for something !

Sorry for my bad english

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.