Bug 203120

Summary: Position: sticky, overflow: auto and rtl direction issue
Product: WebKit Reporter: Anthony Borushko <twinpixxx2005>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, karlcow, mrobinson, simon.fraser, twinpixxx2005, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 13   
Hardware: Mac   
OS: macOS 10.14   
URL: https://codepen.io/twinpixxx/pen/KKKgXyx
See Also: https://bugs.webkit.org/show_bug.cgi?id=241405
Attachments:
Description Flags
Expected result
none
Result in safari
none
Test case showing this issue
none
rendering in safari, firefox, edge none

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.