There are several inconsistent state transitions across the dropdown, combobox, and multiselect components in Figma that need to be resolved.
Filterable Multiselect (default style)
[FOCUS] In the enabled state:
Clicking on "Selected" transitions to "Selected+Focus" instead of solely "Selected".
Toggling off "Selected" redirects to the "Focus (Enabled)" state rather than returning to the "Enabled" state.
Dropdown (fluid style)
[OPEN] In the enabled state:
Clicking on "Open" transitions to "Focused Selected", but closing it returns to "Focused (Collapsed)".
Dropdown (default style)
When you open the Dropdown, and click the “Selected” toggle in the right panel, the top field indicate an option has been selected, but the option in the menu only gets a focus state and a text color change, and no selection background state or checkmark icon in it.
Combobox (default style)
When you open the Combobox, it directly puts you into an error state. This should not be an error state and is causing confusion to our users.
Detailed description
There are several inconsistent state transitions across the dropdown, combobox, and multiselect components in Figma that need to be resolved.
Filterable Multiselect (default style)
[FOCUS] In the enabled state:
Dropdown (fluid style)
[OPEN] In the enabled state:
Dropdown (default style)
When you open the Dropdown, and click the “Selected” toggle in the right panel, the top field indicate an option has been selected, but the option in the menu only gets a focus state and a text color change, and no selection background state or checkmark icon in it.
Combobox (default style)
When you open the Combobox, it directly puts you into an error state. This should not be an error state and is causing confusion to our users.