NEW 286472
padding-left / inline-end is not applied in RTL 
https://bugs.webkit.org/show_bug.cgi?id=286472
Summary padding-left / inline-end is not applied in RTL
Jacob Rask
Reported 2025-01-24 06:54:47 PST
An element with - fixed width - `dir=rtl` - either `padding-inline-end` or padding-left` will not get the padding applied. The padding is not rendered and is not included in the element's `scrollWidth`. See https://codepen.io/jacobrask/pen/azoQBMv
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2025-01-26 08:07:17 PST
<rdar://problem/143656026>
alan baradlay
Comment 2 2025-01-26 08:10:23 PST
Thank you for filing this bug! Sadly this is not specific to RTL, WebKit fails to account for inline-end padding in both directions. <style> .scroller { background: yellow; width: 100px; height: 100px; padding-inline-end: 500px; overflow-x: auto; overflow-y: hidden; } .content { width: 300px; height: 50px; background-color: green; } </style> <div class=scroller> <div class=content></div> </div>
Note You need to log in before you can comment on or make changes to this bug.