Bug 306850
| Summary: | Sticky + RTL is broken | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Alex <alexander> |
| Component: | Scrolling | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, elronen, karlcow, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 26 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=241405 | ||
Alex
Here's a very simple implementation of an array of items with a sticky button that is displayed on top of them all:
https://codepen.io/waterplea/pen/MYeGMRJ
It works correctly in Safari and Chrome/Firefox with regular direction is used, but when RTL direction is used Safari stops respecting sticky position with properly configured "inset-inline-start" instead of "left".
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Karl Dubost
Thanks Alex.
Yes this is happening in STP 235 and STP236
Radar WebKit Bug Importer
<rdar://problem/170042660>
Simon Fraser (smfr)
This still reproduces.
Eldar Ronen
(In reply to Karl Dubost from comment #1)
> Thanks Alex.
> Yes this is happening in STP 235 and STP236
FYI, Chromium had the same bug until about a year ago—it might be worth checking how they addressed it: https://issues.chromium.org/issues/40653832