Nested inline position sticky element cannot handle intermediate inlines. |
||
Issue description
If you nest sticky position with intermediate inline position elements the inner sticky position element does not find the outer one which shifts its sticky box rect failing to avoid the double offset.
i.e.
<span style="position: sticky; top: 0;">1
<span>2
<span style="position: sticky; top: 0;">3</span>
</span>
</span>
A demo of the failing example is at http://jsbin.com/tavusoyili/edit?html,css,output
,
Mar 27 2017
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/a1f2ac48e3dc57547c562f759c6adcc1293177ff commit a1f2ac48e3dc57547c562f759c6adcc1293177ff Author: flackr <flackr@chromium.org> Date: Mon Mar 27 18:52:23 2017 Walk the container chain to correctly find nested inline sticky ancestors. BUG= 704814 Review-Url: https://codereview.chromium.org/2776643002 Cr-Commit-Position: refs/heads/master@{#459842} [modify] https://crrev.com/a1f2ac48e3dc57547c562f759c6adcc1293177ff/third_party/WebKit/Source/core/layout/LayoutBoxModelObject.cpp [modify] https://crrev.com/a1f2ac48e3dc57547c562f759c6adcc1293177ff/third_party/WebKit/Source/core/layout/LayoutBoxModelObjectTest.cpp
,
May 23 2017
|
||
►
Sign in to add a comment |
||
Comment 1 by schenney@chromium.org
, Mar 24 2017