bug: Anchor links not responding - iOS 15 beta
See original GitHub issuePrequisites
- 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
Any anchor link tag in our Ionic 5 application is not being actioned in iOS 15 beta. This includes anchor links with:
- click events
- routerLink navigation
Expected Behavior
Behave as any other IOS version where anchor links perform as expected
Steps to Reproduce
- iOS 15 beta on iOS device
- try to click any anchor link in the code with click event, function attached or routerLink
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.12 @angular-devkit/build-angular : 12.1.4 @angular-devkit/schematics : 12.0.5 @angular/cli : 12.1.4 @ionic/angular-toolkit : 4.0.0
Capacitor:
Capacitor CLI : 3.1.2 @capacitor/android : 3.1.2 @capacitor/core : 3.1.2 @capacitor/ios : 3.1.2
Utility:
cordova-res : 0.15.3 native-run : 1.4.0
System:
NodeJS : v14.17.0 (/usr/local/bin/node) npm : 6.14.13 OS : macOS Big Sur
Additional Information
Code examples of our anchor links not working in iOS 15:
<a [routerLink]="RouteEnum.FundsWithdrawAccountAdd">Testing routerLink</a>
<a (click)="logout()" class="text-secondary link-text">Testing click event</a>
Issue Analytics
- State:
- Created 2 years ago
- Comments:19 (8 by maintainers)
Top GitHub Comments
Update: If anyone is still looking for a fix, changing the pointer-events css property for hyperlinks fixes the issue. I am using following styles to have the hyperlinks working properly:
a { pointer-events: initial; }
Hi everyone,
Good news! This issue was resolved in iOS 15.1. As of that version, I can no longer reproduce the issue. I recommend updating to iOS 15.1 to receive this fix.
I am going to close this issue. Thanks!