Page is moving with overlay

@matimiak – I am testing fixes already for this issue, look for it in one of the next few patches.

PS it annoys us too on a few key projects, so I get constantly reminded.

Ok, I look forward for update ??

Hello, When is going to be new patch for this issue? Becasue it’s quite urgent for me to pop-up some things and they need to be perfect without strange padding.

@matimiak – If you don’t need the overlay, disabling it will result in it working correctly for you. The overlays scrollbar is what actually causes this jump you describe.

Ok, thank you for feedback, yet I need overlay, it looks great with this. Is there a way to fix it manually?

@matimiak – You could try forcing the scrollbar on the HTML element to stay visible, but I am not sure how that would look (could cause 2 scrollbars side by side).

Can i make my own overlay without scrollbar? Or can i make scrollbar display but with visibillity: hidden; ? I need to fix it, and i know that this bug occures on all websites with this plugin, so it’s bug for every user

@matimiak – Actually it doesn’t appear on every site, only sites that use dynamik JS based sizing of the grid in my experience. We use it on dozens of sites(that don’t have that type of function) with no issues, as do most of our users.

Typically this is seen when using JS sliders or similar types of elements. These sliders tend to set their width using JS rather than CSS, because of this if the document width changes (when the scrollbar gets hidden) they don’t adjust properly like they would with CSS. This causes them to be slightly narrower showing the background color behind them.

Not disagreeing that its not an annoying bug, but reality is that its the content having issues, not the popups. You can try whatever methods you like and if you find a solid solution we would be happy to include it for every user, but we haven’t found a solution that solves it for all users.

You can disable the overlays scrollbar using CSS .pum { overflow:hidden; }. Visibility hidden will not work, that will just hide the overlay itself, which is the same as my previous suggestion.

PS only had about 10 reports in the last 6 months so not as widespread as you may think considering over 50k websites.

@matimiak – Also just to point out, you never posted a link so asking us to solve a problem we haven’t seen is rather difficult. Each situation so far has been unique. Different plugins / content causing different versions of the issue.

You are right, i didn’t post a link so it’s my bad. Thank you for explanation of problem. It’s great plugin and i will try to find a solution. Thank you for your time.

@matimiak – Sorry not trying to put you off of asking for help. We are definitely here to help, but without all the needed info we can only do so much. That said did the above apply to you? IE are you using a JS based slider or similar in the context of where you see this issue occuring?

Hello, sorry i was on vacation.

https://dziegielewska.dev.aberit.pl/

That is website where it occures. Yes i use js based slider.
I will be grateful for any help ??

If you did this like Daniel said:

Try forcing the scrollbar on the HTML element to stay visible, but I am not sure how that would look (could cause 2 scrollbars side by side).

Then used this custom scroll bar plugin: Custom Scrollbar

to make the one of the scroll bars completely transparent, that could work?

I don’t know, I haven’t tested or tried this myself, it’s only a theory, but it could work – maybe! Could at least be a temporary solution.

I will test this at some point because I’m a stickler for things like this and it bothers me too ??

Any updates on this issue. I see this was from almost a year ago and the plugin still has the issues. Thanks