ionic-team / ionic-team/ionic-framework

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

Đang mở
#27,465 4 bình luận 1 reaction 0 người được giao Xem trên GitHub
package: core type: bug
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 15 giờ
Pull request đã merge (30 ngày)
51

Mô tả

### 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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.