selects don’t occupy the entire size of their container, meaning the padding around them is unclickable even though it’s visually part of an element that appears interactive. Additionally, the dropdown icon is the select‘s sibling in the DOM, and doesn’t trigger the select when it’s clicked. In other words, clicking anywhere in the visual element should behave as a click on the select (without involving JavaScript).
selects don’t occupy the entire size of their container, meaning the padding around them is unclickable even though it’s visually part of an element that appears interactive. Additionally, the dropdown icon is theselect‘s sibling in the DOM, and doesn’t trigger theselectwhen it’s clicked. In other words, clicking anywhere in the visual element should behave as a click on theselect(without involving JavaScript).