Open Bug 1958206 Opened 26 days ago Updated 21 days ago

Sticky positioned element inside subgrid is contained to top level grid, not to subgrid box.

Categories

(Core :: Layout: Grid, defect)

Desktop
All
defect

Tracking

()

Webcompat Score 1
Tracking Status
firefox-esr115 --- wontfix
firefox-esr128 --- wontfix
firefox137 --- wontfix
firefox138 --- wontfix
firefox139 --- fix-optional

People

(Reporter: rbucata, Unassigned, NeedInfo)

References

(Regression, )

Details

(Keywords: regression, Whiteboard: [webcompat-source:web-bugs])

Attachments

(2 files)

Environment:
Operating system: Mac OS X 10.15.7
Firefox version: Firefox 137.0

Steps to reproduce:

  1. Navigate to: https://codepen.io/RJWadley/pen/pvoqwBr
  2. Scroll the page and observe the output

Expected Behavior:
Sticky elements behave the same as in Chrome

Actual Behavior:
Sticky elements behave different compared to Chrome

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in firefox-nightly, and firefox-release
  • Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/152027

Attached video chr vs ff.mp4
Keywords: regression
OS: macOS → All
Regressed by: 1679797

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

Set release status flags based on info from the regressing bug 1679797

:emilio, since you are the author of the regressor, bug 1679797, could you take a look? Also, could you set the severity field?

For more information, please visit BugBot documentation.

Flags: needinfo?(emilio)

I'm not sure I agree with the expectation. The sticky pos is laid out in the whole grid container, because its parent is a subgrid... Then again I guess the subgrid could be considered its own container too, for sticky pos purposes...

Ting-Yu, any strong opinions? Maybe we should fix bug 1679797 in some other way (like what I suggested in bug 1679797 comment 7 or so?).

Component: Site Reports → Layout: Grid
Flags: needinfo?(emilio) → needinfo?(aethanyc)
Product: Web Compatibility → Core
Summary: codepen.io - Scrolling the page shows different behavior compared to Chrome for sticky position elements → Sticky positioned element inside subgrid is contained to top level grid, not to subgrid box.
Webcompat Score: --- → 1

Is it the same reason for broken smooth scrolling or should i open a different bug report?

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: