NO BUG: Offcanvas element, direction Right, with an Offset effect on, runs out the viewport

Browser: Chrome 129.0.6668.101
OS: macOS
URL: Link to a page that illustrates this issue

I’ve noticed that before the version 1.11 too (not sure which one), but now I need the Off Canvas thing again, and just figured the problem has never been fixed.

So, if you try to use Off Canvas element with the following settings

…it’ll bust out the opposite viewport side completely by leaving the content unreachable.

By inspecting the CSS, it looks like the core CSS (frontend.min.css) uses some faulty declaration. It’s actually not faulty but it feels that it shouldn’t be there:

.brxe-offcanvas.brx-open .brx-offcanvas-inner {
transform: translate(0)!important
}

When disabled, the Off Screen takes the right position but there’s no sliding animation/effect.

It all works fine in editor tho…

I hope it helps!

PS
Shrink the Browser window to make the mobile menu icon visible!

Hi,
Thanks so much for your report!

Can you deactivate the sticky header for a minute and test if it works then?
The problem should have been fixed since Bricks 1.11 beta - if it’s the same problem (I’m not quite sure) :smiley:

Also, please send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase.

Best regards,
timmse

The issue is caused by the backdrop-filter on #brx-header, which creates a new stacking context, leading to issues with positioned elements. That’s a common, but not a Bricks issue.

I changed the selector to #to-top, which seems to work. You can also use a pseudo-element (see the link at the bottom).

Best,
timmse

OMG! I would never be able to figure this out without your assistance, apologies on my ignorance and THANK YOU a lot!
It’s all working fine now!