NO BUG: Problem with Toggle Offcanvas - Won't open on click

Bugs
1

Hi, I’m having trouble configuring an Offcanvas to open when clicking on a custom trigger. Here are the details:

Configuration:

Trigger: CSS selector set to #brxe-rkyhse.
Offcanvas: “Slider” effect, “Down” direction, CSS ID #brxe-rkyhse.
Problem:

When clicking on the trigger, the Offcanvas does not open.
From the console, using bricksOpenPopup(‘#brxe-rkyhse’) works correctly, so it appears to be a problem in the interaction.
Tests performed:

I checked the CSS Selector.
I tested without animations or custom styles.
No errors in the browser console.
Any idea what could be causing this problem? Thanks for the help.

image
image1918×958 190 KB

image
image1916×957 180 KB

2

Hi @Rarefield720,

I’ve just tested and It’s working, so I’m wondering what I have different than you. Can you try on the new (empty) page, with the new off-canvas and button element, and check if it works there?

I see that you have interaction on the image element, and I’ve tested this locally, but it worked just fine.

Thank you,
Matej

3

I just tested it on a wordpress installation of “trybricks” and it works perfectly so I have two questions.

Could it be that having installed the AT (Advanced Themer) and Motion page plugins is causing some incompatibility?

Supposedly in the Chrome console I don’t see any problem.

I would appreciate if someone could help me if there is someone who has also happened the same in similar situations to mine.

EDIT:

I have found the problem but I don’t know how to fix it.
I have copied and pasted the sections from the original website to the trybricks installation but it doesn’t work.

I have deleted the original offcanvas to replace it with another one and I have changed the ID in the animation for the new offcanvas and it still doesn’t work.

When it does work is when I put the image outside the web structure without any div or section. That is to say, at the moment that I put the image inside a div or section the animation stops working. But when I put the image outside any structure the animation works perfectly.

Any solution for this?

4

Hi,

so, with the same setup, the off-canvas will toggle in try.bricksbuilder.io and will not toggle in your local install?

If that’s the case, it’s most likely some plugin conflict. If you disable them, does it work on your local install?

Matej

5

In trybricksuilder.io it also does not work when the element to which the interaction is added is wrapped in a div or section.

The main problem is that the trigger element is wrapped in a div or section, when this happens the animation does not work.

This happens in my bricks installation and in trybricksuilder.io so I guess it is a bricks problem.

6

Hi @Rarefield720,

if that’s the case, I would love to replicate it, and since I can’t, can you send temporary login credentials to your website or try.bricksbuilder.io install and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?

That would help a lot.

Thanks,
Matej

7

I have just sent the mail

8

Hi,

When inspecting real page, we figured out that there was negative z-index causing issues, and click event was not even fired on the image element.

After fixing this, the click event works fine. :slight_smile:

I’ll mark this topic as a no-bug.

Best regards,
Matej

1 Like