To see the problem, select the longer text (Tripe...) from the dropdown menu.
(Note that this example also exhibits the problem described in #108, but that's not what this one is about.)
What I Expected To Happen
After the selection is made, the element should display the selection's label, but otherwise return to its previous appearance.
What Actually Happened
If the text label for one of the submenu items attached to a select field is too wide, the field increases in width to accommodate the width of the text. Strangely enough, the text in the menu itself is elided to match the width of the field. If anything, it should be the other way around: show the full text when displaying the menu, then elide it as necessary when the menu goes away and you're just displaying it in the select itself.
The big picture of what I'm trying to do
I'm trying to use the select element with a dropdown menu.
What I did
A working example is here: https://ellie-app.com/mPfZVKXCDa1/1
To see the problem, select the longer text (Tripe...) from the dropdown menu.
(Note that this example also exhibits the problem described in #108, but that's not what this one is about.)
What I Expected To Happen
After the selection is made, the element should display the selection's label, but otherwise return to its previous appearance.
What Actually Happened
If the text label for one of the submenu items attached to a select field is too wide, the field increases in width to accommodate the width of the text. Strangely enough, the text in the menu itself is elided to match the width of the field. If anything, it should be the other way around: show the full text when displaying the menu, then elide it as necessary when the menu goes away and you're just displaying it in the select itself.
Versions