Toast is stealing input focus.
See original GitHub issueIonic version: (check one with “x”) [ ] 1.x [ ] 2.x [x] 3.x
I’m submitting a … (check one with “x”) [x] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/
Current behavior: When a toast shows, any active input fields lose focus.
Expected behavior: The toast should in no way affect focus
Steps to reproduce: Have an async task open a toast while you have an input focussed.
I’ve made an example here
http://plnkr.co/edit/7lBnWL2ucp8N9qAHSAmt?p=preview
–>
Related code:
Other information:
Ionic info: (run ionic info
from a terminal/cmd prompt and paste output below):
global packages:
@ionic/cli-utils : 1.0.0
Cordova CLI : 7.0.1
Ionic CLI : 3.0.0
local packages:
@ionic/app-scripts : 1.3.7
@ionic/cli-plugin-cordova : 1.0.0
@ionic/cli-plugin-ionic-angular : 1.0.0
Ionic Framework : ionic-angular 3.2.1
System:
Node : v6.9.2
OS : Windows 10
Xcode : not installed
ios-deploy : not installed
ios-sim : not installed
Issue Analytics
- State:
- Created 6 years ago
- Comments:8 (1 by maintainers)
Top Results From Across the Web
Toast is stealing input focus. · Issue #11692 · ionic ... - GitHub
When a toast shows, any active input fields lose focus. Expected behavior: The toast should in no way affect focus. Steps to reproduce:...
Read more >How to refocus the Input-Field once the Toast is displayed
I have an InputField, when the length of the String entered in the InputField becomes 0, it should display a toast and on...
Read more >Ionic Version 6 (Angular) Toast now holds focus preventing ...
I'm unable to force the focus again to my input when I create the toast, I'm forced to wait the dismiss of it....
Read more >ion toast blocks focus on any input in Ionic 6 - Stack Overflow
Apparently the issue occurs because the toast steals focus from the inputs and it has something to do with tapindex set to -1....
Read more >How do I prevent toast from taking away focus? - Mobiscroll
I'm doing an auto-save onchange of an input and toasting a “Saved” message, but if the user clicks onto the next input (triggering...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hello @jgw96 and @RyanHow I did a PR !12515 that contains a suggestion solution for this problem. I hope that help you 😄
Issue moved to: https://github.com/ionic-team/ionic-v3/issues/77