Selected Value not displayed after Filtering on Mobile

Describe the bug When filtering on mobile chrome and then selecting a value, the class ng-select-filtered stays on and sets visibility: hidden on the selected value. This is due to (compositionend)="onCompositionEnd(searchInput.value)" not firing when typing. It only fires when you close the keyboard on mobile which you obviously don’t. Reproducbile example Filter List on mobile then select a value. Value is not visible.

To Reproduce Steps to reproduce the behavior (if example is not provided):

1. Clone Repo and Run ng serve --host 0.0.0.0. Remote Debug your Android device.
2. first dropdown
3. type ‘k’
4. select any value, before closing your keyboard

Expected behavior The selected value should be visible after selection. Screenshots If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

• Device: Samsung S10 Plus, OnePlus X
• OS: android
• Browser chrome
• Version latest

Additional context I could fix this by replacing (compositionend)="onCompositionEnd(searchInput.value)" with (input)="onCompositionEnd(searchInput.value)"in src/ng-select/lib/ng-select.component.html

[hadaj]

Describe the bug When filtering on mobile chrome and then selecting a value, the class ng-select-filtered stays on and sets visibility: hidden on the selected value. This is due to (compositionend)="onCompositionEnd(searchInput.value)" not firing when typing. It only fires when you close the keyboard on mobile which you obviously don’t. Reproducbile example Filter List on mobile then select a value. Value is not visible.

To Reproduce Steps to reproduce the behavior (if example is not provided):

1. Clone Repo and Run ng serve --host 0.0.0.0. Remote Debug your Android device.
2. first dropdown
3. type ‘k’
4. select any value, before closing your keyboard

Expected behavior The selected value should be visible after selection. Screenshots If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

• Device: Samsung S10 Plus, OnePlus X
• OS: android
• Browser chrome
• Version latest

Additional context I could fix this by replacing (compositionend)="onCompositionEnd(searchInput.value)" with (input)="onCompositionEnd(searchInput.value)"in src/ng-select/lib/ng-select.component.html

I still have the same issue 😃

[github-actions[bot]]

🎉 This issue has been resolved in version 5.0.8 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀