WP BUG: Video Play button appearing over Popup

Anna Mclendon

• September 25, 2020 21:39
• Edited

The play button for a video I have on my page shows up on top of the popup. It appears this way ONLY on the live side; within the editor, it looks fine.

 

I'm assuming it's something wonky with z-indeces and I'm going to poke around and try to fix it with CSS, but I figured someone should know. :D

 

EDIT:

Quick CSS fix for anyone having the same problem.

The pop-up seems to be at z 1070. I would assume this is more or less consistent for other pop-ups.

I added this bit of code to take the video icon from a z-index of 9999 (the heck, guys? :D) to 999. That took care of it.

.brz .brz-custom-video .brz-video-content .brz-video__cover-icon {
z-index: 999;
}

 

Wordpress

Brizy 2.0.13

Brizy Pro 2.0.6

 

Screenshot:

0

• 

  Alex

  • September 28, 2020 14:01
  • Edited

  Hi,

  Thanks for the message and for the quick fix. I just checked it, but I can't reproduce the problem: https://jmp.sh/hycdfCT

  How can I get the same behavior so we can fix it in the next update? Are there any special conditions when this happens?

   

  0
• 

  Anna Mclendon

  • September 28, 2020 14:19

  Hi Alex,

  I removed the quick fix so you can see it (hopefully).

  https://academy.compassrose.dev/ - click the "contact" button at the top.

  I don't recall doing anything crazy... It is a custom video, rather than a youtube/vimeo embed. But I can't think of any unusual conditions.

  Here's a screenshot of how it looks on my end. (Screenshot is on Edge, have just confirmed that it appears in Firefox, too.) 

  

  0
• 

  Alex

  • September 30, 2020 12:59

  Hi,

  Thank you. I confirm this issue and have opened an internal issue regarding it. We'll fix it in one of the next updates. Sorry for the inconvenience.

  0

Please sign in to leave a comment.