| Summary: | [IFC] inline-block child preceded by an inline child has incorrect positioning in vertical writing modes with a right-to-left direction | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Aditya Keerthi <akeerthi> | ||||||||||
| Component: | Layout and Rendering | Assignee: | zalan <zalan> | ||||||||||
| Status: | RESOLVED FIXED | ||||||||||||
| Severity: | Normal | CC: | bfulgham, koivisto, simon.fraser, webkit-bug-importer, zalan | ||||||||||
| Priority: | P2 | Keywords: | InRadar | ||||||||||
| Version: | Other | ||||||||||||
| Hardware: | Unspecified | ||||||||||||
| OS: | Unspecified | ||||||||||||
| Attachments: |
|
||||||||||||
Created attachment 468519 [details]
Screenshot
This is some offset gone wrong in bidi codepath. The longer the visually first content (1, 55555 etc) is, the more offset the visually trailing content (X) gains. <div style="outline: 1px solid green; writing-mode: vertical-rl; direction: rtl; margin-left: 100px;"><div style="display: inline-block;">X</div><span></span>1</div> <div style="outline: 1px solid green; writing-mode: vertical-rl; direction: rtl; margin-left: 100px;"><div style="display: inline-block;">X</div><span></span>55555</div> <div style="outline: 1px solid green; writing-mode: vertical-rl; direction: rtl; margin-left: 100px;"><div style="display: inline-block;">X</div><span></span>999999999</div> Created attachment 468520 [details]
longer content-more offset screenshot
Created attachment 468528 [details]
[fast-cq]Patch
Committed 270442@main (1a7f8f48b4c1): <https://commits.webkit.org/270442@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 468528 [details]. |
Created attachment 468518 [details] Reduction See test case and screenshot.