1341643 - Position sticky should not create a stacking context

Status: RESOLVED INVALID

(Core :: Layout, defect, P3)

Description

[Robert Flack]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Steps to reproduce:

Visit http://output.jsbin.com/yucorey


Actual results:

Green box is below red box


Expected results:

Green box should be on top as it has a higher z-index.

As far as I can tell the spec only specifies that position fixed should implicitly form a stacking context but not position sticky.

Comment 1

[Robert Flack]

Note https://github.com/w3c/csswg-drafts/issues/1053 was created to change this.

Comment 2

[Gérard Talbot]

Issue 1053: [css3-positioning] position:sticky should create a stacking context
https://github.com/w3c/csswg-drafts/issues/1053#issuecomment-354576926
was resolved (albeit the Issue itself is still opened).

Firefox 91.5.0 ESR, Chromium 97.0.4692.99 and Epiphany 3.38.2 (WebKitGTK 2.34.4) pass these 2 sticky stacking context tests:

http://www.gtalbot.org/BrowserBugsSection/CSS3PositionedLayout/sticky/position-sticky-stacking-context-002.html

submitted in
https://github.com/web-platform-tests/wpt/pull/32612

and

http://wpt.live/css/css-position/sticky/position-sticky-stacking-context.html

I think we can safely RESOLVE this bug as INVALID.