So, the problem started with IE. Setting a width on a select box chops off the options (even in IE8). But it went beyond that... Once you made your choice, it is still cut off. So, time to reinvent the wheel, or at least the select box.
Requirements here were that the options needed to wrap within a fixed width—both in dropdown state and once selected. And these dropdowns, who live inside a rather complex data table, need proper absolute positioning and z-indexing (since there's a lot of menus surrounding them)—OH, and they need to work in IE6.
3 Responses
So, the problem started with IE. Setting a width on a select box chops off the options (even in IE8). But it went beyond that... Once you made your choice, it is still cut off. So, time to reinvent the wheel, or at least the select box.
Requirements here were that the options needed to wrap within a fixed width—both in dropdown state and once selected. And these dropdowns, who live inside a rather complex data table, need proper absolute positioning and z-indexing (since there's a lot of menus surrounding them)—OH, and they need to work in IE6.
Rather proud of this.
almost 2 years ago
Hotness
almost 2 years ago
Rebound
Blogging about dropdowns
by Adam Darowski
Writing about my favorite little interface element I ever built.
And my goodness do I love Sass.
over 1 year ago