SOLVED: Offcanvas disappear when using the nested search input

Browser: Chrome 110
OS: macOS
URL: http://test.metalfer.net
Video: Dropbox

On mobile only, when I open the offcanvas menu and try to use the search input field, the offcanvas for just dissapear for viewport but I can still type in the search term, like it’s still there. Please check the attached video recording for better understand the problem. I am not sure what triggers the offcanvas to behave like this.

Hi @dv505,

Thank you for your report. I can reproduce the error and will create an internal improvement task for this.

I believe it’s the same bug we had with search overlay and WooCommerce MiniCart.

This happens because the header is set to “slide up/sticky”, and when the header hides/slides up, the off-canvas gets hidden… and the focus is still on that search input field, so you can still type.

Best regards,
M

Thank you,

Temporary fix would be creating the header static on mobile.

I saw you sort it out in 1.10 here IMPLEMENTED: Search Element Overlay slides up with the header on mobile - #4 by paquito

Hopefully it will be fixed soon overall.

Enabling the “No scroll (body)” toggle in the offcanvas should also work since the header can’t slide up if the body can’t scroll.

1 Like

For some reason No Scroll (body) is not enough without the extra css and enabling position: static.

Hi guys,

We’ve fixed this issue in Bricks 1.11 BETA, now available as a manual download (Bricks – Account)

Please let us know if you are still experiencing issues.

You can see the full changelog here: Bricks 1.11 Changelog – Bricks

As with any beta release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.

Best regards,
Matej