Layout overflow while using "Stretch section"

[SecondLineThemesHQ]

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• The issue still exists against the latest stable version of Elementor.

Description

When using the new default TwentyTwentyOne theme on a fresh install, the layout width overflows.
Browser width 1263px. Chrome/FF.

Steps to reproduce

Fresh WP install, TwentyTwentyOne theme, Elementor (free).
Example - https://elementor-test.mystagingwebsite.com/elmntr/

Isolating the problem

• This bug happens with only Elementor plugin active (without Elementor Pro).
• This bug happens with a default WordPress theme active.
• I can reproduce this bug consistently using the steps above.

[shilo-ey]

Hi @SecondLineThemes

Can you please share what's the overflow here?

I can see it without overflow in your provided example:

[SecondLineThemesHQ]

There's a horizontal scroll bar as soon as the stretched section is added, maybe that's not visible in the emulator?
I guess the problem is that the HTML doc is 1263px wide, but the Elementor section's width is wider at 1280px.
Seems like this happens on other sizes as well, and on multiple browsers/machines.

[mcrowell]

+1. I noticed this same bug with Wordpress 5.6. When you scale down the browser to mobile size you will see the browser horizontal scroll bar on sections with the "Stretch section" active.

[peterlombardi]

Likewise, having the same issue on a clients site with stretched sections. On chrome/firefox/safari (mac) it's persistent.

[JamboMedia]

Yes, we got the same issue. With strechted sections the with is not good anymore.

Please fix this asap!

[Merlin1987]

+1

[Merlin1987]

I can reproduce it when i create a new empty page and put a stretched block in it. when the height is larger than the screen the scrollbar on the right site shows up and in the same moment the scrollbar on the bottom.

[thithi242]

JQuery 3.5.1 is causing the problem.
More information here : https://wordpress.org/support/topic/stretch-section-bug-jquery/

[Khaleddev20]

I am facing the same issue. Do you get any solution..?

[shilo-ey]

It seems to reproduce when "Show Scroll Bars" option is set to "Always"

We will review it and update as soon as possible.

[CBS-TF]

Same issue. A tip, don't fix everything (waiting for better):
body {overflow-x: hidden;}

Or

https://wordpress.org/plugins/enable-jquery-migrate-helper/
return old version of jquery 1.12.4

[shilo-ey]

We are currently working on a fix.

This issue origins from the upgrade of jQuery version build in WP 5.6

To avoid this issue for the meanwhile please use the following plugin:
https://wordpress.org/plugins/enable-jquery-migrate-helper/

A patch will release in the upcoming days.

Thanks

[shilo-ey]

This issue has been resolved in Elementor v3.0.15

Feel free to update

Thanks!