question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Multiple inputs in a form prevents addition of tags on Android

See original GitHub issue

Hi,

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):

  1. Go to https://stackblitz.com/edit/angular-hcjucj using Chrome on Android
  2. Click on the first input, write a tag and press enter
  3. 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:open
  • Created 2 years ago
  • Comments:16

github_iconTop GitHub Comments

2reactions
averymdcommented, Jul 17, 2022

Still an issue.

0reactions
Chocobozzzcommented, Nov 17, 2022

Still an issue

Read more comments on GitHub >

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

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found