Pop-up creating invisible overlay impairing site navigation and links

Hayley Bowen

June 26, 2023 20:02
Edited

Hi,

We noticed a new error with our pop ups that seems to be effecting MOST of our client's websites, so would like immediate help to resolve it. .

It looks like the pop-up is creating an invisible DIV overlay that's preventing users from clicking on the site navigation bar or other site links.

When the pop up loads on the page, the ability to click on any links on the site goes away. when the pop up is closed out, The site links become accessible again.

We need to make sure our popups aren't preventing the site from functioning properly.

Here is an example of a client that is experiencing this issue.

Popup name: Cloudcroft-Dual
Popup URL: https://apricot11238886.brizy.site
Web page: Embeded on this page
Code:

<script>!function(p,n,o){if(!(o=n.getElementById("brz-external-popup")))return(o=n.createElement("script")).async=1,o.id="brz-external-popup",o.src="https://2d4bd1e243f43c90c8d937fcda13dbcf.s3.amazonaws.com/assets/popup/v2/popup.js",o.onload=e,void n.body.appendChild(o);function e(n,e){e="https://apricot11238886.brizy.site",p.brzExternalPopup?p.brzExternalPopup(e):(n=o.onload,o.onload=function(){n(),p.brzExternalPopup(e)})}e()}(window,document);</script>

-UPDATE-

I tried adding the following CSS code as a temporary solution and it seemed to work, but then noticed the popup could no longer be interacted with.

.brz .brz-pointer-events-auto {
    pointer-events: none !important;
}

To compensate for the issue, we've toggled on the option to "Click outside to close" the popup.

Comments

10 comments

Ariel H.

June 27, 2023 08:43
Hi Hayley,

Thank you for contacting us.

I have embedded the popup on the below page; however, the form appears to be working as expected: https://boysenberry17240406.brizy.site/

For a better understanding of the issue, could you please create a short screencast to demonstrate the issue you have encountered?

I am looking forward to your response.

Best regards,
Ariel H.
0
Hayley Bowen

June 27, 2023 15:09

Edited
Ariel, the reason why it appears to be okay is because of the the last setting we added to it so that it didn't break our clients website.(Having the popup close if clicked outside)

If you try to hover over a link on the page, you will notice that the mouse pointer doesn't work unless the popup is closed out.

If you want to see the popup without that setting I used to compensate for the issue at hand, I created a test popup and placed on a temporary page that you can look at.

You can see that here:

Popup Name: Brz-Test-6-27-23
Popup URL: https://grapefruit17316060.brizy.site
Popup Embeded on this page
Code
```
<script>!function(p,n,o){if(!(o=n.getElementById("brz-external-popup")))return(o=n.createElement("script")).async=1,o.id="brz-external-popup",o.src="https://2d4bd1e243f43c90c8d937fcda13dbcf.s3.amazonaws.com/assets/popup/v2/popup.js",o.onload=e,void n.body.appendChild(o);function e(n,e){e="https://grapefruit17316060.brizy.site",p.brzExternalPopup?p.brzExternalPopup(e):(n=o.onload,o.onload=function(){n(),p.brzExternalPopup(e)})}e()}(window,document);</script>
```
-
0
Ariel H.

June 27, 2023 15:27
Hi Hayley,

Thank you for keeping in touch.

We've received similar reports recently, our developers have been notified, and they are currently reviewing the issue you have raised. I will get back to you as soon as I have an update.

Sorry for the inconvenience.

Best regards,
Ariel H.
0
Hayley Bowen

July 05, 2023 19:00

Edited
Hi Ariel,

Do you by chance have an estimated time for when the issue will be resolved?

One of our developers found a CSS solution that may provide more insight to help your team resolve the issue internally.
```
.brz .brz-popup2__preview.brz-popup2--opened{
  visibility: hidden; }

.brz-container__wrap{
  visibility: visible; }
```
They also said that they tried to use the Brizy elements to target it with .brz .brz-css-dateb > .brz-container__wrap, but it gets renamed everytime the page loads, so the bottom one in the example shown above ended up being the better resolution.

we're not sure what the goal is with some of the giant div overlays in the pop-ups, it doesn't seem like a good practice that we should have to set visibility to hidden to overcome these issues. If it's not needed, it maybe worth reconsidering so that it doesn't cause additional problems.
0
Ariel H.

July 06, 2023 11:23
Hi Heyley,

Thank you for keeping in touch.

I apologize for the delay in resolving the issue you reported. I will follow this up with our senior support team and get back to you as soon as I have an update.

Sorry for the inconvenience.

Best regards,
Ariel H.
0
Ariel H.

July 06, 2023 12:34
Hi Heyley,

I received an update today, our dev team has resolved the issue, and we are currently in the process of finalizing the necessary steps for the rollout. While I don't have the exact date, rest assured that it will be happening very soon.

Best regards,
Ariel H.
0
Hayley Bowen

July 06, 2023 15:51
Arial, thank you. I look forward to the update.
0
Hayley Bowen

July 27, 2023 14:25
Ariel, do you have an update on this by chance?
0
Ariel H.

July 31, 2023 08:34
Hi Heyley,

I apologize for the delay in getting back to you.

Today, we rolled out an update to address the issue with the overlay that was affecting site navigation and links. Could you please check it on your end to confirm if the problem is resolved?

Best regards,
Ariel H.
0
Hayley Bowen

July 31, 2023 14:31
Ariel, Thanks for your help. It appears to be working after i go in and hit update on the popup. We will go through all our client popups and will let you know if we have other issues with it.
0

Please sign in to leave a comment.

Comments

Didn't find what you were looking for?