Offcanvas "No Backdrop" is not blocking interaction with other elements

Wappler General Need Help
1

Hi everybody,

-wappler 6.1.2 stable
-web app
-php

I have added in a page an Offcanvas and enabled the No Backdrop option.

The Offcanvas doesn’t hide on clicking outside the Ofcanvas but I can still click on the elements (buttons, lightbox, tagify etc…) behind it on my page…

Is this normal or a bug?

2

When backdrop is set to “No backdrop” the semi-transparent background overlaying your page content is not being shown, so that it is possible to click and/or select your page elements.
That is the expected behavior.

3

Thanks brother for let me know… I should check bootstrap first.

But I noticed that this is the only way of preventing Offcanvas to be hidden if I click outside the Offcanvas…

I would like to:
-Prevent hiding when clicking outside
-Block behind elements to be clicked (interaction with other element in general)

like this:

offcanvas-bootstrap-v53-google-chrome-2024-01-29-10-38-26_QEhWVjpb

Is there a way to do it?

4

I see - we just need to add the static backdrop option for the Bootstrap 5 Offcanvas component in Wappler.

1 Like
6

data-bs-backdrop=“static”

Thanks!

7

Thanks guys!!

9

The backdrop behavior has been updated in Wappler 6.1.3
Now you can choose static as well.

1 Like
11

This topic was automatically closed after 47 hours. New replies are no longer allowed.