Re: [csswg-drafts] [css3-positioning] position:sticky algorithm currently prefers bottom over top, and right over left

Nested elements with `position:sticky` seem to have interop issues regarding box offsets conflicts. Blink "creates" a conflict between `top` and `bottom` when nested. Firefox and Safari do handle nesting "correctly", even if firefox has severe paint issues. Surprisingly, iOS Safari is smooth here. I'm not sure about Edge, the testing I use cannot handle it.

Example -> `.page-panel` `top` and `bottom`
http://output.jsbin.com/zeyanef/7

PS If anybody can explain the example layout structure in plain english, please do.

-- 
GitHub Notification of comment by jonjohnjohnson
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1294#issuecomment-385859338 using your GitHub account

Received on Wednesday, 2 May 2018 04:09:15 UTC