Height auto on parent and scroll over-y on child, div not resizing. (leap out)
I have the following code. Its purpose is to display a popup to the user.
As you can see in the screenshot, the login window appears after it with a space. The register works and is y-scrolling
accessible. When I change the .contentWindowContainer
css to height:auto;
, the login window is displayed correctly, but the register form loses its scrolling ability. screenshot showing two modals
My question is, how can I keep the register scrolling functionality without allowing the blue box to be positioned below it?
http://codepen.io/anon/pen/LVQeGp
if you changed the property .contentWindow
height
from auto
to 100%
, you should see an error.
Thanks, Adam
source to share
If you move overflow-y: scroll
from .contentWindowContainer
to .contentWindow
, then everything works fine with height: auto
. This added an extra scrollbar to the side, so I dug out and removed all the places you added to jQuery. If any of these were important (I didn't know about the deletion overflow-y
, but I got rid of it too) then I'm not sure how to get rid of the extra scrollbar. Plus it works fine. Here's the codepen .
Hope this doesn't break any other relevant code, but without seeing the rest of it, this is not how it works.
source to share