Collision detection

[r-flash]

When the selectbox is on the bottom of an element with overflow: hidden;, it gets cropped and some of the options are unreachable for the user. Could you provide some way of setting a container element, so that the select box opens above the input in case it would colide with the containers bottom?

[HemantNegi]

Hi,
Can you provide a fiddle for the problem

[r-flash]

I'm sorry for the delay. Here is the fiddle https://jsfiddle.net/hd8zwu3q/ .
I realize that I'm explicitly setting overflow hidden, but it would be nice if the plugin could determine if there is enough space above the select, and if so, display it there instead of letting it clip.

[HemantNegi]

ok,
will figure out workarounds for the problem.

Thanks

[supermarcos]

Any luck with this issue?
Thanks

[michaelalhilly]

The only way that comes to mind is creating a duplicate select element outside the container and hiding it offcanvas and displaying it in place when the original select is clicked. You also have to update the original select value to the duplicates value.

[HemantNegi]

Not easy to do this, However by this example http://jsfiddle.net/5m3RE/1/
i am able to make it usable inside a container having overflow: hidden

see last example in
https://github.com/HemantNegi/jquery.sumoselect/blob/master/select_responsive.html

Choosen is also suffering from this issue see: harvesthq/chosen#86