Re: [csswg-drafts] [css-position][css-position-3] Padding on scroll container affects (and inconsistently) the offset behavior of sticky position (#3352)

It seems to me this is according to the spec.

> The right scroller shows padding on the body not affecting offset.

That's because the padding applies to the body, but overflow applies to the viewport, according to https://drafts.csswg.org/css-overflow-3/#overflow-propagation. And the viewport has no padding.

You can use non-visible overflow in the html to force body's overflow to apply to the body. http://jsfiddle.net/kc5pzx40/

> The middle scroller shows padding affecting offset

I think this is expected, because the containing block of a sticky element is the same as for a relative element. So it uses the content area of an ancestor, and not the padding area.

> The left scroller shows padding on an element inside the scroller not affecting offset.

That's because when you scroll down, the inner wrapper moves up, and the scrolling container stays where it is. So when you scroll past the padding, the [sticky-constraint rectangle](https://drafts.csswg.org/css-position-3/#sticky-pos) ends up anchored at the top of the scrolling container.

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

Received on Wednesday, 28 November 2018 19:07:30 UTC