New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Chosen and hidden Overflow in Container #1479
Comments
instead height apply simple line-height .layoutContainer{ |
Uhm... thanks but you removed the |
.select-chosen on position absolute |
If you mean: Setting |
I was able to get this to work the way you want by setting
I don't think this is something we would add to the Chosen codebase because it would remove the Chosen select box from the normal document flow which I believe would be an unexpected behavior, and potentially create even more confusion. |
Thanks. I could actually use this with a lot of other headace because the select element itsself won't take space in its container so everything else can't be aligned to that. I think the right way would be having the element itsself be placed normally and only the popup be placed absolute and aligned to the base element. That would mimic the behaviour of native select boxes. |
The drop down element |
You're problem might be similar to the one discussed in #86. See @robmcguinness code further down.on that page. For chosen v1.0.0 that fix has to be adapted. Hope it helps. |
@k-risc this issue was not fixed. I have tested this with v1, and the chosen dropdown still hides using modal. |
@timothymarois I am not sure if I understand you correctly. I know that the issue is not fixed in the original chosen code, neither in v1 nor in the older version. I was just saying that the fix being suggested in the other thread worked for me. But that fix was for the pre v1 version, and it has to be slightly adapted in order to work with v1. I stated this because I thought it might help @ckosmowski or other users. |
@k-risc yeah I'm sorry I thought you were stating it was resolved in v1. and the post you mentioned, I did try an adapt it with v1, but there are still quite a bit of issues with it. for this reason I have decided to use bootstrap 3, with no modal body scrolling, so that this does not have the overlap issue. I wish there was a much more simpler way to do so. but bootstrap 3 resolves scrolling issues for modals. |
Duplicate of #86 |
I'm trying to use chosen in a complex web application which has a border layout with multiple individual regions which have
overflow
set tohidden
to prevent the contents from scrolling.Unfortunately this makes the chosen
chosen-drop
element beeing partially invisble. In my opinion the dropdown of chosen should be able to be displayed even if the overflow of the container is hidden (absolute positioning) because this is the way you would expect it to work since the selecboxes behave that way. Please see this jsfiddle:http://jsfiddle.net/ZJ73j/1/
for a demonstration and comparison.
The selectmenu which is in development for jquery-ui is handling it the way i would expect it. (Unfortunately for now it screws up for many other features like refreshing its contents).
The text was updated successfully, but these errors were encountered: