NEW 203120
Position: sticky, overflow: auto and rtl direction issue 
https://bugs.webkit.org/show_bug.cgi?id=203120
Summary Position: sticky, overflow: auto and rtl direction issue
Anthony Borushko
Reported 2019-10-17 14:25:59 PDT
Created attachment 381230 [details] Expected result Steps to reproduce the problem: 1. Example -- codepen.io/twinpixxx/pen/KKKgXyx 2. There is parent div with class "container" and rtl direction 3. Container has display: flex and auto property for overflow 4. The last child has position: sticky and left: 0 What is the expected behavior? The last element should be attached to the left edge. What went wrong? Position sticky doesn't work at all.
Attachments
Expected result (22.03 KB, image/png)
2019-10-17 14:25 PDT, Anthony Borushko 		no flags
Details
Result in safari (19.91 KB, image/png)
2019-10-17 15:32 PDT, Anthony Borushko 		no flags
Details
Test case showing this issue (1002 bytes, text/html)
2021-09-20 00:34 PDT, Martin Robinson 		no flags
Details
rendering in safari, firefox, edge (434.32 KB, image/png)
2023-06-15 19:12 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Anthony Borushko
Comment 1 2019-10-17 14:27:14 PDT
Works as expected in Mozilla Firefox
Anthony Borushko
Comment 2 2019-10-17 15:32:28 PDT
Created attachment 381236 [details] Result in safari
Radar WebKit Bug Importer
Comment 3 2019-10-19 12:12:42 PDT
<rdar://problem/56436798>
Martin Robinson
Comment 4 2021-09-20 00:34:43 PDT
Created attachment 438643 [details] Test case showing this issue
Karl Dubost
Comment 5 2023-06-15 19:12:25 PDT
Created attachment 466715 [details] rendering in safari, firefox, edge
Note You need to log in before you can comment on or make changes to this bug.