adobe/spectrum-web-components
View on GitHub[Feature]: sp-combobox value is not equivalent to the currently selected menu item
Open
#4,283 opened on Apr 18, 2024
Component:ComboboxFeatureGood first issueSEV missing
Repository metrics
- Stars
- (1,525 stars)
- PR merge metrics
- (PR metrics pending)
Description
Code of conduct
- I agree to follow this project's code of conduct.
Impacted component(s)
Combobox
Expected behavior
Let's say I have the following markup:
<sp-combobox size="m" label="Color">
<sp-menu-item value="red">Red</sp-menu-item>
<sp-menu-item value="green">Green</sp-menu-item>
<sp-menu-item value="blue">Blue</sp-menu-item>
</sp-combobox>
I would expect that when I select the "Red" menu item in the combobox that the value of the comboxbox changes to red which is the value of the selected menu item.
Actual behavior
The sp-comboxbox value is Red which is the label of the menu item. Not the value.
Screenshots
No response
What browsers are you seeing the problem in?
Chrome
How can we reproduce this issue?
- Go to https://opensource.adobe.com/spectrum-web-components/components/combobox/#sizes
- Open the comboxbox, click "Red"
- Inspect the comboxbox element in the console
- Check the
valueof the combobox - Observe that
valueasRed
Sample code that illustrates the problem
No response
Logs taken while reproducing problem
No response