If I select two values and then remove one of them by clicking the cross (x), all option tags are removed from the select element. The component still renders the remaining item correctly, but the select element has no children.
Replication Procedure:
Run the sample
Inspect the page
Now select any two items in the list
And check the selected value option inside the hidden select tag in the dom
Now remove any one of the item using chip X icon
Now check the selected value option in the hidden select tag in the dom
Expected Behavior: only removing item should remove inside the hidden select element instead of all options.
Actual Behavior:All options are removed in the dom inside the hidden select tag when we remove anyone item