Open Bug 1698988 Opened 3 years ago Updated 2 years ago

Intermittent elements with transform-style: preserve-3d when animated

Categories

(Core :: Graphics, defect, P3)

defect

Tracking

()

Webcompat Priority P3
Tracking Status
firefox-esr78 --- wontfix
firefox86 --- wontfix
firefox87 --- wontfix
firefox88 --- fix-optional
firefox89 --- fix-optional

People

(Reporter: carlosdario.me, Assigned: boris)

References

(Regression)

Details

(Keywords: regression)

Attachments

(3 files)

Attached image screenshot.png

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

Steps to reproduce:

In the webpage https://www.cubemos.com/culture if you go to the second section, the one that has 3 elements that say "create", "trust" and "ownership", the elements do an animation when hovered, if you hover over them horizontally from one another, they start disappearing and reappearing again and again.

What is even weirder is that if you make them disappear and go to the inspector and find the element and click or hover the element IN the HTML element tree, they reappear.

The problem seems to be the "transform-style: preserve-3d" property, since if I disable it the bug goes away.

Actual results:

Hovered over elements that had an animation in a webpage and they disappeared.

Expected results:

They should just do the animation and not disappear.

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

Hi,

I have managed to reproduce it on Release version 86, Beta 87.0b9 and latest Nightly 88.0a1 (2021-03-17) using Windows 10.
Further, I will move this over to a component so developers can take a look over it. If this is not the correct component please feel free to change it to an appropriate one.
The issue is not reproducible on Chrome.

Thanks for your input.

Status: UNCONFIRMED → NEW
Component: Untriaged → Layout
Ever confirmed: true
Product: Firefox → Core
Version: Firefox 86 → Trunk

Thanks for reporting.

Can you attach your about:support information? I don't see it on latest nightly, but I'm on Linux. This is likely a graphics issue from the description above.

Component: Layout → Graphics
Flags: needinfo?(carlosdario.me)

I can reproduce on mac and the original reporter seems to be on windows, so probably not very machine specific.

Has Regression Range: --- → yes

Boris, would you please take a look?

Severity: -- → S3
Flags: needinfo?(boris.chiou)
Priority: -- → P3
Attached file about:support
Flags: needinfo?(carlosdario.me)

Still have no time to check this bug, but I can reproduce this locally. Assign to myself for now.

Assignee: nobody → boris.chiou
Flags: needinfo?(boris.chiou)
Webcompat Priority: --- → P3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: