1732921 - visibility:hidden + z-index makes button invisible

Status: RESOLVED FIXED

(Core :: Web Painting, defect, P3)

Description

[youCanCallMeDen]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36

Steps to reproduce:

<button class="parent">
<span class="child">content</span>
</button>

.parent {
visibility: hidden;
position: relative;
z-index: 1;
}

.child {
visibility: visible;
}

demo: http://jsfiddle.net/m3yjw6o9/1/

Actual results:

.child remains invisible

Expected results:

.child should be visible

Comment 1

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

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

For more information, please visit auto_nag documentation.

Comment 2

[Miko Mynttinen]

Attachment: Bug 1732921 - Part 1: Do not skip display list building when a replaced element is stacking context. r=emilio

Comment 3

[Miko Mynttinen]

Attachment: Bug 1732921 - Part 2: Add test. r=emilio

Depends on D129966

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/0d4c16035e18
Part 1: Do not skip display list building when a replaced element is stacking context. r=emilio
https://hg.mozilla.org/integration/autoland/rev/4dc03a8a15db
Part 2: Add test. r=emilio

Comment 5

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/0d4c16035e18
https://hg.mozilla.org/mozilla-central/rev/4dc03a8a15db