# NO BUG: Popup invisibly over other elements after closing

**URL:** <https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052>\
**Category:** Bugs\
**Tags:** v2-0-1\
**Created:** [August 23, 2025, 6:03pm UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052 "2025-08-23T18:03:07Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Barnabas](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/barnabas/32/15763_2.png) [@Barnabas](https://forum.bricksbuilder.io/u/Barnabas)\
**Post date:** [August 23, 2025, 6:03pm UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/1 "2025-08-23T18:03:07Z")

</div>

I’ve created a woocommerce quick view popup on this test site [here](https://essexmonastery-dev.1wp.site/bookshop) 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](https://www.loom.com/share/ed017f311f784cb79cee56d1b288b5db?sid=904aedcd-c158-4ec6-bbc8-74d05ed622e1).

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

---

<div class="post-metadata">

**Author:** ![Binu](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/binu/32/26034_2.png) [@Binu](https://forum.bricksbuilder.io/u/Binu)\
**Post date:** [August 24, 2025, 12:31pm UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/2 "2025-08-24T12:31:18Z")

</div>

> **[Popup Builder](https://academy.bricksbuilder.io/article/popup-builder/#query-loop)**
>
> The Popup Builder is a very flexible, fully customizable solution to show popups anywhere on your website based on Interactions. A popup in Bricks is just a template. To create our first popup, let’s add a new template and select the new template...

Hey bud 👋  
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.

---

<div class="post-metadata">

**Author:** ![Barnabas](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/barnabas/32/15763_2.png) [@Barnabas](https://forum.bricksbuilder.io/u/Barnabas)\
**Post date:** [August 24, 2025, 4:20pm UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/3 "2025-08-24T16:20:17Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Barnabas](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/barnabas/32/15763_2.png) [@Barnabas](https://forum.bricksbuilder.io/u/Barnabas)\
**Post date:** [August 24, 2025, 7:46pm UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/4 "2025-08-24T19:46:11Z")

</div>

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

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/d/2/d2c1ac676bfa671f51567374906e9578a6d6264f.png)

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

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/4/b/4b597e23ebdb4a8632a5b19feeb93ee070deca6d.png)

So I added this CSS which fixed it:

```auto
.hide {
    display: none;
}

```

I don’t have a global class `.hide`.

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

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 25, 2025, 7:48am UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/5 "2025-08-25T07:48:38Z")

</div>

Hi Barnabas,  
Thanks so much for your report!

You should definitely use the template element inside of the loop instead of using a condition to assign the popup (which is currently the case).

So please remove the popup condition from the popup settings, and add the template element to the loop.

Best regards,  
timmse

---

<div class="post-metadata">

**Author:** ![Barnabas](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/barnabas/32/15763_2.png) [@Barnabas](https://forum.bricksbuilder.io/u/Barnabas)\
**Post date:** [August 25, 2025, 9:23am UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/6 "2025-08-25T09:23:26Z")

</div>

Hi Timmse,

I have removed the Popup conditions from the template  
 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/a/5/a541aa1b8605c8d383cc12275e2e6a157ec2a0e6.png)

And I added the template in the loop

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/d/8/d82e31e6467983c3bcafd4f76cf2eab84f184921.png)

However, this CSS for the `.hide` class needs to be in place:

```auto
.hide {
    display: none;
}

```

Do you agree?

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 25, 2025, 9:54am UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/7 "2025-08-25T09:54:59Z")

</div>

No I don’t agree, as the visibility of the popup is (or should be) handled by this:

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/0/2/02cb6bcc595493fc9d9db1adf4a0a9cd3dc2a531.png)

Please send temporary login credentials and a link to this thread to [help@bricksbuilder.io](mailto:help@bricksbuilder.io) using the email address you used during the purchase.

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 28, 2025, 6:21am UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/8 "2025-08-28T06:21:45Z")

</div>

Hi Barnabas,  
Thanks so much for the login credentials!

I found a way to fix the issue, but I’m unsure about the cause. It must be related to your specific setup with the nestable slider in the quick view popup, as we can’t replicate it on our end. If you find a simple way to replicate it, please let us know.

Anyway, I just added this custom CSS to the main wrapper class of the quick view popup, which seems to fix the issue:

```auto
.brx-popup.brxe-popup-56319.hide .splide.is-initialized, .splide.is-rendered {
    visibility: hidden;
}

```

---

<div class="post-metadata">

**Author:** ![Barnabas](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/barnabas/32/15763_2.png) [@Barnabas](https://forum.bricksbuilder.io/u/Barnabas)\
**Post date:** [August 28, 2025, 10:07am UTC](https://forum.bricksbuilder.io/t/no-bug-popup-invisibly-over-other-elements-after-closing/35052/9 "2025-08-28T10:07:21Z")

</div>

Hi Stefan,

Thanks for your time looking into it. I can confirm that it works as well on the live site this solution.

So it’s solved and not a bug.

Thanks a lot and best regards,  
Barnabas