Preventing body from shifting when opening/closing popup.

[likeastore]

Preventing body from shifting when opening/closing popup.

[voronianski]

@miguelleite is that tested on Windows?

[miguelleite]

yep, using Windows 8.1, Chrome v35.0.1916.153 m.
Also tested on:

• Opera v22.0.1471.70
• Firefox v30.0
• Safari for Windows v5.1.7.

[miguelleite]

in your demo page, it looks good with the fixed background, but if we reduce the window to a really small size, where the vertical space is not enough for the content and the scroll shows, if we open the dialog you can see it happen.

[miguelleite]

[miguelleite]

Well, I solved this by doing the following:

Make html and body 100% height via-CSS:

html, body {
    height: 100%;
}

Then I forced my body element to hide all the overflowing content:

body {
    overflow: hidden !important;
}

Then I created a .whole-container div, right below the body, and moved all my body content to this div.

Via-CSS, I added the following styles:

.whole-container {
    overflow-y: scroll;
    height: 100%;
    max-height: 100%;
    display: block;
    position: relative;
}

Also, this disables the background scroll, which looks very nice. When we've got a popup opened, we want the users focused on that popup and not in the background. :)

[voronianski]

@miguelleite it should be fixed in version 0.2.5 and higher.

[shuhankuang]

I use 0.3.0, I also get the background scroll.
anything I miss?

[deweydb]

@miguelleite Thanks! nice fix!

[mklkht]

Also waiting for fix

[ben-crowhurst]

+1