1505541 - Glitchy z-index rendering on website using css blur filter

Status: RESOLVED INCOMPLETE

(Firefox :: Untriaged, defect)

Description

[thedonquixotic]

Attachment: FirefoxBug.mp4

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:63.0) Gecko/20100101 Firefox/63.0

Steps to reproduce:

I am making a wordpress website. The source code can be found here: https://github.com/jcklpe/JackalopePro

I gave the components of the boxes a couple of different hover states. The background photo blurs, and changes opacity and has a translate-x. The text has changes in box-shadow and padding. I can provide more detail upon request. It's hard to explain without looking at the code too. 

Everything was running very slow on firefox. It was running great on Chrome though. Previously I have only developed for Chrome as a target but I have since switched to using Firefox for ideological reasons and I wanted to make sure I supported it. 




Actual results:

There seems to be some weird z-index fighting or something when the page is initially loaded. The page does not have this issue upon a second reload or sometimes if simply given some fiddling around with the mouse (like repeatedly hovering over things again and again and eventually it will kind of snap back into place.)

See video for demonstration


Expected results:

It should act as it does on Chrome.

Comment 1

[Timea Cernea [:tbabos][inactive]]

Hi thedonquixotic,

Unfortunately, I don't have a Wordpress Business Plan that allows me to upload your created custom theme. Can you provide somehow a simplified testcase or actually send me a link with a WordPress site with that theme applied? 

I would also like to ask you to try and reproduce the issue using a clean profile and even safe mode on the latest Firefox Nightly  65.0a1, link: https://www.mozilla.org/en-US/firefox/65.0a1/releasenotes/

Here are also some useful links:

Safe mode: https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode.
New Clean Profile: https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles

Looking forward for your results,
Thanks!

Comment 2

[Timea Cernea [:tbabos][inactive]]

Marking this as Resolved: Incomplete due to the lack of response from the reporter.
If the issue is still reproducible with the latest Firefox version, feel free to reopen the bug with more information.

Comment 3

[thedonquixotic]

Hey sorry, this is way late. I haven't had any more issues but that's partially because I scrapped the website I was working on. I chalk it up to a weird glitch. I'll file another issue if I run into another issue. Thanks!

Comment 4

[thedonquixotic]

Also I can't seem to get rid of this notification in my bugzilla account....? any help?

Comment 5

[thedonquixotic]

I got it, whew.

Comment 6

[Timea Cernea [:tbabos][inactive]]

Sorry, I was in PTO and just started surfing through my emails. Glad it worked out in the end!