You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v8.x
Current Behavior
When implementing the focusManagerPriority: ['content'] setting in our Ionic application we noticed that when we navigate to a link via the keyboard, click it and navigate back to the previous page that the clicked link is re-focused. Great experience to land back on the place you where you left off. However, if we focus the next element and then try to refocus the previous element it does not get the focus.
See example:
Note that the tabindex gets set to -1 after focussing the next element.
Expected Behavior
The clicked link does not get tabindex -1 after focussing the next element.
Steps to Reproduce
Focus button 2
Press enter
Land in tab 2
Click the (browser) back button
Land in tab 1
See that button 2 is still focussed
Press tab
Button 3 is focussed
Press shift + tab
Button 1 is now focussed (while we'd expect button 2 to be focussed)
Prerequisites
Ionic Framework Version
v8.x
Current Behavior
When implementing the
focusManagerPriority: ['content']
setting in our Ionic application we noticed that when we navigate to a link via the keyboard, click it and navigate back to the previous page that the clicked link is re-focused. Great experience to land back on the place you where you left off. However, if we focus the next element and then try to refocus the previous element it does not get the focus.See example:
Note that the tabindex gets set to -1 after focussing the next element.
Expected Behavior
The clicked link does not get tabindex -1 after focussing the next element.
Steps to Reproduce
Code Reproduction URL
https://github.com/mikesegeren/ionic-focus-manager-priority-issue
Ionic Info
Ionic CLI : 7.2.0
Ionic Framework : @ionic/angular 8.3.0
@angular-devkit/build-angular : 18.2.3
@angular-devkit/schematics : 18.2.3
@angular/cli : 18.2.3
@ionic/angular-toolkit : 11.0.1
Capacitor:
Capacitor CLI : 6.1.2
@capacitor/android : not installed
@capacitor/core : 6.1.2
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v21.7.1
npm : 10.5.0
OS : macOS Unknown
Additional Information
No response
The text was updated successfully, but these errors were encountered: