Multiple inputs in a form prevents addition of tags on Android
See original GitHub issueHi,
First of all thanks for this library. It’s really useful for our project.
Describe the bug
In tag mode, we can’t add tags on Chrome Android if the ng-select
input is in a form and has a next input element.
The issue I think is that chrome detects a classic input, so the Go
button becomes a Next
button in the AOSP keyboard. Then, instead of firing an Enter
key event, Chrome just moves the cursor in the next element.
To Reproduce Steps to reproduce the behavior (if example is not provided):
- Go to https://stackblitz.com/edit/angular-hcjucj using Chrome on Android
- Click on the first input, write a tag and press enter
- The cursor is moved in the second element and the tag is not added
Expected behavior
A tag should be added in the first element instead.
Smartphone (please complete the following information):
- Device: Moto G4
- OS: Android 10
- Browser: Chrome
- Version: 91
Additional context
I’m not sure how to fix this behaviour, since chrome does not fire any event in this context…
Issue Analytics
- State:
- Created 2 years ago
- Comments:16
Top Results From Across the Web
<input>: The Input (Form Input) element - HTML
The <input> HTML element is used to create interactive controls for web-based forms in order to accept data from the user; a wide...
Read more >Common Intents - Android Developers
This page describes several implicit intents that you can use to perform common actions, organized by the type of app that handles the...
Read more >HTML: Why does Android browser show "Go" instead of "Next ...
The cleanest solution would be to set both inputs to be required using the new HTML5 required attribute - but the Android Browser...
Read more >Bootstrap Tags Input - GitHub Pages
Instead of just adding strings as tags, bind objects to your tags. This makes it possible to set id values in your input...
Read more >Sign-in form best practices - web.dev
The autocomplete attribute helps browsers correctly autofill inputs using stored data. For email inputs use autocomplete="username" , since ...
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 FreeTop 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
Top GitHub Comments
Still an issue.
Still an issue