GSA / sam-design-system

https://gsa.github.io/sam-design-system/
Other
21 stars 14 forks source link

Keyboard selection is not working for autocomplete with grouping. #1153

Closed knamburigsa closed 1 year ago

knamburigsa commented 1 year ago

Components Involved AutoComplete with grouping.

https://cg-fa19003e-5296-4960-ac2e-caccfeb620ac.sites.pages.cloud.gov/site/gsa/sam-design-system/documentation/components/autocomplete/examples

Expected Behavior How you expect the listed component(s) to function When i navigate through the options in the dropdown for autocomplete with grouping using keyboard, I should be able to select the right option.

Actual Behavior How the listed component(s) actually function When i try to select an option using keyboard in autocomplete with grouping wrong option is selected.

Your Environment Angular Version: X.Y.Z @gsa-sam packages version: X.Y.Z (Please list individually if all packages are not same version) image

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. IAEMOD-13127

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

https://cg-fa19003e-5296-4960-ac2e-caccfeb620ac.sites.pages.cloud.gov/site/gsa/sam-design-system/assets/stackblitzes/autocomplete/group/stackblitz.html

surendranekkanti commented 1 year ago

We see this same issue with Formly Auto Complete validation with multiple selection mode component.

https://gsa.github.io/sam-design-system/?path=/story/formly-autocomplete--validation&globals=outline:true;backgrounds.grid:true

Not Able to select value with Keyboard.

We are on Angular 14 version

image

image

yerramshilpa commented 1 year ago

Issue is resolved in @gsa-sam/components@14.0.3 version