Reinventing the select box

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.

Posted on Jul 16, 2010
Adam Darowski
Director of Design & Product Mgmt at Sports Reference, LLC

More by Adam Darowski

View profile