You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
When using the typeahead functionality and if there are items with the same value for bindLabel, the displayed selected state of the options in the menu panel changes depending on the point in the workflow.
Reproducbile example Example which reproduces described behaviour
To Reproduce
Steps to reproduce the behavior (if example is not provided):
Go to example stackblitz
Search for 'Kar'
Notice there are two options with the same name
Select the first option
Search for 'Kar'
Notice the first item is checked as expected and the second item is not checked also as expected
select the second option
Notice the values show both items. The labels are the same but thats ok the point is there are two items and the json blob shows two distinct items.
Click into the select box to open the dropdown again and notice both options are selected
Search for 'Kar'
Notice only 1 item is selected
Click out of the control to close the options menu
Click into the control to reopen the options menu
Notice only 1 item is selected
Expected behavior
The displayed selected state of the options in the menu panel reflects what is selected.
Screenshots
If applicable, add screenshots to help explain your problem.
Step 2: Searching
Step 9: Both selected
Step 11: Typeahead results
Step 14: Only 1 option selected after searching again
Desktop (please complete the following information):
OS: All
Browser All
Version All
Smartphone (please complete the following information):
Device: All
OS: All
Browser: All
Version: All
Additional context
I believe this could be solved by using a compareWith function however it feels like a common enough scenario that I thought I would at least the raise the question on if it should be handled within the component.
The text was updated successfully, but these errors were encountered:
Describe the bug
When using the typeahead functionality and if there are items with the same value for bindLabel, the displayed selected state of the options in the menu panel changes depending on the point in the workflow.
Reproducbile example
Example which reproduces described behaviour
To Reproduce
Steps to reproduce the behavior (if example is not provided):
Expected behavior
The displayed selected state of the options in the menu panel reflects what is selected.
Screenshots
If applicable, add screenshots to help explain your problem.
Step 2: Searching
Step 9: Both selected
Step 11: Typeahead results
Step 14: Only 1 option selected after searching again
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
I believe this could be solved by using a compareWith function however it feels like a common enough scenario that I thought I would at least the raise the question on if it should be handled within the component.
The text was updated successfully, but these errors were encountered: