Board Thread:General Discussion/@comment-32704847-20181217211837

Context When we click on any Preview button (Mobile or Desktop), a popup  brings the preview to the screen. At the same time, a style attribute is added to the  to block the vertical scrolling of the page. This is nice, since we don't need scrolling while previewing.

Problem BUT, closing the preview popup, the style attribute is not removed from the  and this leads to a situation where a considerable part of the Editing page remains hidden out of the screen.

This is the code inserted in the  tag and not removed when closing the preview: style="overflow-y: hidden;"

Not always I understand that the Editing page is designed to avoid the need of scrolling the entire page, making the user scroll only the. But there are situations where this layout doesn't work, e.g.: when you're undoing an edition. In this case, there is always need for a global vertical scrolling, that breaks every time you use the preview function.

If the Editing page is designed to avoid the global vertical scrolling, why would we need this code in the  tag, even while previewing the result?

Workaround There is no workaround, since the style is inserted by a script as an inline style, so no Common.css nor any personal CSS would ever help. This is an old problem I have (more than 1 year), but never told about.

TIP for staff The "Show changes" popup works amazing inserting the "with-blackout" class in the  tag and the "fake-scrollbar" class in the. You could just do the same for the Preview popup. 