Popup invisibly over other elements after closing

Bugs
1

I’ve created a woocommerce quick view popup on this test site here and for some reason after closing the popup it’s still in the dom invisible but on top of other elements disturbing the clicking behaviour of the user.

I’m describing the problem in this video.

Is this some sort of bug or I’m I doing something wrong with the popup set up?

2

Hey bud :wave:
Did you try adding the Template Element for the popup? (Sorry if you already did, I just couldn’t spot it in your setup).

Also, instead of attaching the interaction to an ID, try binding it to a class.
Not 100% sure it’ll fix the issue, but definitely worth giving a try.

1 Like
3

Hi Binu, thanks for the comment. I tried both of your suggestions but it didn’t solve the problem.

4

I noticed that when the popup is active, popup classes are like this:

image
image943×126 20.8 KB

When I close the popup, the class .hide is added

image
image973×272 31.6 KB

So I added this CSS which fixed it:

.hide {
    display: none;
}

I don’t have a global class .hide.

Should the bricks theme have this CSS declaration by default added?