Clicking on dialog moves head of the page

All Quick 'n Easy Web Builder support issues that are not covered in the forums below.
Post Reply
moris
Posts: 251
Joined: Fri Aug 18, 2017 8:43 am

Clicking on dialog moves head of the page

Post by moris »

Hi,

I have this problem when me as a User I click to open the dialog window, the whole head of the page (menu and logo) moves a few pixels to the right.
How can I fix this?

See for example: https://www.couponsexplorer.com/curaly.php -> Click on 'VIEW CODE' and focus on the header of the page and see how everything moves when you open and close the dialog.

Thanks.
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Clicking on dialog moves head of the page

Post by Pablo »

When a dialog is displayed then then scrollbars will be hidden by the overlay. So, that is probably what you see.

The only way to prevent this is by forcing the scrollbar to be always visible.
moris
Posts: 251
Joined: Fri Aug 18, 2017 8:43 am

Re: Clicking on dialog moves head of the page

Post by moris »

Aw yes, I see now. How can I force the scrollbar to always be displayed?

Thanks.
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Clicking on dialog moves head of the page

Post by Pablo »

You can do that by adding this code between the head tags:

Code: Select all

<style>
body
{
   overflow: auto !important;
   padding-right: 0 !important;
}
</style>
moris
Posts: 251
Joined: Fri Aug 18, 2017 8:43 am

Re: Clicking on dialog moves head of the page

Post by moris »

Can I add it as a feature request to be as part of the scrollbar settings?

Thanks.
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Clicking on dialog moves head of the page

Post by Pablo »

This behavior is standard Bootstrap functionality, so I cannot change the way it works.
Normally, overlays will remove the scrollbars, this is by design.
But this workaround should override this.
moris
Posts: 251
Joined: Fri Aug 18, 2017 8:43 am

Re: Clicking on dialog moves head of the page

Post by moris »

OK, thanks.
On the same note, do you think its possible that on mobile: when you open the dialog it won't drop you to the top of the page but will keep you on the same position you clicked the button?

Thanks.
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Clicking on dialog moves head of the page

Post by Pablo »

The position of the dialog can be controlled by the 'alignment' properties.
Bootstrap does not have an option to display on the same position as the button.
Post Reply