james7979

# July 12, 2013 at 2:50 am

Guys,

I am facing one issue where I want to expand select box only on to the bottom side of the page.

But it looks like it is not possible

e.g. Lets say I have below code.

Paulie_D

# July 12, 2013 at 7:27 am

This will require a JS solution I feel.

Eric Gregoire

# July 12, 2013 at 9:41 am

Native select boxes are tough to work with in that way. I’m not really sure what you can all dig into when it comes to select boxes if there’s anything at all. You may have to think outside the [select] box. :)

SelectBoxIt :: http://gregfranko.com/jquery.selectBoxIt.js/ has some neat features that you may find useful. I’m not entirely sure if it will be powerful enough to accomplish what you want to do, but it’s a heck of a lot more flexible.

Otherwise, just search for another JS select box replacement.

Paulie_D

# July 12, 2013 at 9:47 am

Actually, I think this is the default behavior in IE10 **only**.

See this discussion which is similar…

http://css-tricks.com/forums/discussion/26741/select-box-issue-with-ie-10#Item_5

Eric Gregoire

# July 12, 2013 at 10:00 am

I totally misread this somehow as a how-to. Yeah, it seems that the select box will be at the mercy of whatever browser it’s being displayed in.

If it’s really a big deal for whatever reason, here’s a reference of the objects and methods you can call to help you formulate your own solution perhaps with the way the indexes are ordered :: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement

james7979

# July 15, 2013 at 2:41 am

Folks,

Any easy way to fix this problem. It is kind of looking ugly if combo box has 20+ values.

Any other alternatives.

Paulie_D

# July 15, 2013 at 5:08 am

>Any easy way to fix this problem.

Nope…other than a complete “hide the element (display:none) and JS re-write” etc.

http://www.jankoatwarpspeed.com/reinventing-a-drop-down-with-css-and-jquery/