Dynamic content causes height of modal to exceed window height with no scrolling

[redtopia]

After loading content into a jbox modal, the height of the modal stretches below the bottom of the window, and the window cannot be scrolled.

Ideally, I would like to reposition the modal so it is as centered as possible, and if the content exceeds the viewable area, the window can be scrolled to show the bottom of the dialog.

Great work, and thanks for your efforts!

[stephanwagner]

jBox repositions automatically if you use the method setContent(), see here: https://jsfiddle.net/StephanWagner/wyxt54g0/

Alternatively you can also use the method position() to reposition jBox, see here: https://jsfiddle.net/StephanWagner/826o9ycg/

jBox does not scroll with the window though, it scrolls within its content area, click the button in the fiddles a couple of times to see what I mean.

[redtopia]

This helps for sure. I'm now able to reposition the modal when I change the contents. However, in my dialog, I have a div with overflow:auto that does not scroll using the mousewheel. After seeing your fiddles, I'm wondering if perhaps your code is intercepting the mousewheel scroll event? See: https://jsfiddle.net/69dgzvh7/

[stephanwagner]

Yes, jBox isolates scrolling to the content area. See the option isolateScroll: https://stephanwagner.me/jBox/options#jbox-content

You can disable it with isolateScroll: false

But the content are of jBox still has overflow: auto

[redtopia]

Wonderful! Thank you!