Disappearing chip after typing only 1 character.

[Albert221]

Hey! My problem is as following and I'm pretty sure it's a problem with the library because my code is the code from example but only attached to my state.

Steps to reproduce

Type only one character into the input and select something from suggestions, then start typing again. The just added chip disappears and it becomes an ordinary text.

When you put only two characters it doesn't happen. When you select a suggestion without typing anything, it doesn't happen too.

Demo

[danvick]

Hi @Albert221,
Kindly note that the reason why the option is not suggested the second time you're trying to type is that you have already picked the option.

Unless I'm misunderstanding the issue.

[Albert221]

Let me explain the issue in more detail.

When I type a in the input I have the Alpha suggestion, which is fine. I then select this suggestion so it appears in the input as this Alpha chip. Here's the problem: after that when I type another character, the chip disappears and is replaced with the a character from the very beginning. I reckon that's unwanted behavior. When I selected the chip it should stay there unless I delete it with keyboard or state.deleteChip(), not when I type more stuff into the input.

I hope you understand my issue now.

[danvick]

I now get the point. That would be highly undesirable behavior.

I've however tried to reproduce this issue to no avail.

Could you kindly share versions of the package or Flutter channel you're on?

[Albert221]

I created a simple repository with some code to reproduce the issue: https://github.com/Albert221/flutter_chips_input_issue_34

Just clone the repo, run flutter pub get and then flutter run and do the following to replicate the issue:

1. Tap on the input
2. Type a
3. Tap the Alpha suggestion
4. Type a

You should see aa in the input field instead of <Alpha> a.

---

I've also created a Flutter Driver test, but it's not working as expected, but you can run it with

flutter drive --target=test_driver/app.dart

---

Here's my flutter --version:

Flutter 1.16.4-pre.50 • channel dev • https://github.com/flutter/flutter.git    
Framework • revision d14a301e41 (2 weeks ago) • 2020-03-31 19:14:22 -0400       
Engine • revision fc5b44c901
Tools • Dart 2.8.0 (build 2.8.0-dev.18.0 e8c4aed700)

[Albert221]

@danvick were you able to correctly reproduce the issue?

[danvick]

Not even with your dev channel.

[bartekpacia]

Hi, I was able to reproduce this bug. (on Android, iOS works fine)

Android Emulator + input from PC keyboard

Android Emulator + input from on-screen keyboard

iOS Simulator + input from PC keyboard

Flutter version output:

Flutter 1.17.0 • channel beta • https://github.com/flutter/flutter.git
Framework • revision d3ed9ec945 (2 weeks ago) • 2020-04-06 14:07:34 -0700
Engine • revision c9506cb8e9
Tools • Dart 2.8.0 (build 2.8.0-dev.18.0 eea9717938)

Flutter Doctor output:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v1.17.0, on Mac OS X 10.15.4 19E287, locale en-PL)

[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.3)
[✓] Chrome - develop for the web
[!] Android Studio (version 3.6)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] IntelliJ IDEA Ultimate Edition (version 2020.1)
[✓] VS Code (version 1.44.2)
[✓] Connected device (3 available)

! Doctor found issues in 1 category.

[MobiliteDev]

I have the same problem on my android emulator.
The problem is the first character is saved on the first time.

I you type 'a' and select 'Alpha', next if you directly type 'b', the first chips disappears and there is 'ab' written on the inputchips.

Seems the text is not cleared after the first chip selection.

[danvick]

Thanks for shedding more light on this @bartekpacia.

I've finally been able to reproduce. So just to be clear this issue occurs only:

1. When using the Android Emulator - not on Android device
2. When using the on-screen emulator keyboard

Right?

I'll try to investigate the cause of the bug and see. I suspect it may be a Flutter issue related to #1

[KarnerTh]

@danvick Thanks for investigating, but happens to me also on a physical device

[Albert221]

It happens on physical devices too and using both physical and onscreen keyboard

[danvick]

Noted @Albert221 @KarnerTh.

I think I've found the culprit. Let me now work on a fix.