The issue seems to only affect browsers using the safari/webkit engine -Safari on Mac, Safari/Chrome on IOS I have a container with a looping carousel which extends the full width of the page. On initial load on a mobile/tablet, the page renders exactly as desired - no horizontal overflow issues.
However, when toggling the mobile menu (using the Radix sheet component) on and off, the horizontal overflow issue shows up.
While troubleshooting the issue, I lowered the opacity of the sheet overlay only to find out the issue disappears when the sheet is active, and returns when the sheet is closed.
Here is the link to the website -
https://imp-rentals-6vgj1.wstd.io/Here is the link to the builder -
https://apps.webstudio.is/builder/c4b0aacc-ba6e-4cbb-998d-5dde2361f039?authToken=39ec4cd9-bd6a-464b-a2e5-ad6a8bb6564d(The parent container of the carousel does have a 5% horizontal padding, so I'm assuming this combined with the 100vw on the carousel is part of the issue, however, I'm not sure why this is a non issue on chrome based browsers....)
