Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

formly-autocomplet After selecting desired value when user clicks on Enter, Selected value should stay. #1448

Open
NikhithaReddyG opened this issue Apr 2, 2024 · 4 comments

Comments

@NikhithaReddyG
Copy link

Components Involved
Please list the common component(s) involved that you're experiencing an issue with
formly-autocomplete—basic
Expected Behavior
How you expect the listed component(s) to function
fter selecting desired
value when user clicks on Enter, Selected value should stay
Actual Behavior
How the listed component(s) actually function
After selecting desired
value when user Keeps cursor on the field and clicks on enter, it changes the
selection.
Your Environment
Angular Version: X.Y.Z
@gsa-sam packages version: X.Y.Z (Please list individually if all packages are not same version)
14
Ticket Number
Please provide your JIRA ticket number that is dependent on this fix. If there is none, please create
one to validate the issue once the fix has been released. DO NOT provide the url, please ONLY
provide the ticket number.
IAEDEV-4075
image - 2024-04-01T205945 707

Additional context
Screenshots / recordings, minimal reproduction on stackblitz, steps to reproduce, code snippets, etc.

@cwolf10
Copy link
Collaborator

cwolf10 commented Apr 9, 2024

Hi @NikhithaReddyG, I need some clarification on the steps to reproduce this. If I expand the autocomplete, arrow down to my selection, and hit enter I see the item I arrowed to selected (which is what seems to be your expectation).

I do see that you mention the user's cursor, are you expecting that by hovering over an option it is "selected" in the same way using the arrow keys to to highlight an item is selecting it?

@NikhithaReddyG
Copy link
Author

Hi @NikhithaReddyG, I need some clarification on the steps to reproduce this. If I expand the autocomplete, arrow down to my selection, and hit enter I see the item I arrowed to selected (which is what seems to be your expectation).

I do see that you mention the user's cursor, are you expecting that by hovering over an option it is "selected" in the same way using the arrow keys to to highlight an item is selecting it?

To recreate:
Select the Level 2 from the list (Other than first value, select any).
And click on Enter (by keeping your cursor within the box.)
[Selected value should not staying]. Let me know we can hop on a call to replicate this.

@cwolf10
Copy link
Collaborator

cwolf10 commented Apr 9, 2024

I think I've got it. So expand the autocomplete and mouse over any option other than the first one, hit enter and the first option is selected. And with that behavior you are saying the first option should not be selected, it should just clear out as if you clicked somewhere else on the screen to close the autocomplete.

Am I understanding what your seeing and expecting correctly?

@NikhithaReddyG
Copy link
Author

I think I've got it. So expand the autocomplete and mouse over any option other than the first one, hit enter and the first option is selected. And with that behavior you are saying the first option should not be selected, it should just clear out as if you clicked somewhere else on the screen to close the autocomplete.

Am I understanding what your seeing and expecting correctly?

It should be like this..
"expand the autocomplete, select any option other than the first one. Selected option will appear in the box. Stay in the box and click on Enter. Selected Option should stay. It should not change the selected option."

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants