1819002 - Bottom half of CSS flip clock does not render correctly

Status: NEW

(Core :: Web Painting, defect)

Description

[Gregory Pappas [:gregp]]

Attachment: broken_rendering.webm

Steps to reproduce:

1. Navigate to https://fff.cmiscm.com/#!/section/flipclock

Actual results:
Bottom half does not render correctly

Expected results:
Bottom half renders correctly

Comment 1

[Alice0775 White]

Attachment: about:support, Nightly112.0a1 Windows10

I can also reproduce the issue on Nightly 112.0a1 Windows10

Comment 2

[Alice0775 White]

Regression window on Windows10:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=365ff23dd4c93ef26743e3fa339b5fac3bf15b66&tochange=2bf6bddf9a8a5c52222273ee787bfca7e6c97394

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1535507

Comment 4

[Gregory Pappas [:gregp]]

Attachment: pointer_events.webm

Interestingly, removing pointer-events: none from #flipclock makes the problem go away.

Comment 5

[Jonathan Kew [:jfkthame]]

Alternatively, removing the perspective properties from the block

ul.flip li span {
 display:block;
 height:100%;
 -webkit-perspective:900px;
 -moz-perspective:900px;
 -ms-perspective:900px
}

in minify.css is another way to make the problem go away.

Comment 6

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:tnikkel, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 7

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1535507