Problems with `Off Canvas` Not Fixed

Wappler Version : 6.2.1
Operating System : W11

Actual behavior

  1. The Off Canvas container is not recognised in App Connect.
  2. There should be a target for the Close button as in data-bs-target="#offcanvas"

  1. The Open button cannot be assigned to the Off Canvas because of point one above.

image

Is this a newly inserted offcanvas or some that you added in the previous versions?

New from version 6.1.3

Not sure i really understand the issue, just tested this on 6.1.3 and here’s the result:

The offcanvas is properly recognized in App Connect panel and i can also bind any button to control it.

Also:

No, there should not be any target there, the data-bs-dismiss attribute is what is needed and from what i see it is there.

When the Off Canvas is changed to offcanvas-lg you will see what I mean

The dismiss button does not work in an offcanvas-lg when there is no target set.

This is what the official Bootstrap site states:

<button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasResponsive" aria-label="Close"></button>
  </div>
3 Likes

Good catch Ben. Yes we have to use multiple classes to find the offcanvas with the responsive offcanvas classes, we are not looking for just offcanvas.

We improve that.

4 Likes

Thanks @ben I’ve literally been trying to get this to work all day! ugh

This is now fixed in the latest Wappler 6.2

1 Like

@George, the close button still does not work without data-bs-target="#[target]".

Edit: I should have added, the close button does not work when the offcanvas has been changed to ofcanvas-lg.

This is now improved in the just released Wappler 6.2.1

2 Likes

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

Not Fixed! :angry:

What is not fixed Ben?
You can now select your offcanvas close button and choose the offcanvas to close.