286472 2025-01-24 06:54:47 -0800 padding-left / inline-end is not applied in RTL flex containers 2026-02-13 12:40:04 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 18 Mac (Apple Silicon) Unspecified RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=255346 https://codepen.io/jacobrask/pen/azoQBMv BrowserCompat, InRadar P2 Normal --- 292022 307840 1 jacob fantasai.bugs ahmad.saleem792 bfulgham fantasai.bugs karlcow simon.fraser webkit-bug-importer zalan oldest_to_newest 2089506 0 jacob 2025-01-24 06:54:47 -0800 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 2089824 1 webkit-bug-importer 2025-01-26 08:07:17 -0800 <rdar://problem/143656026> 2089825 2 zalan 2025-01-26 08:10:23 -0800 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> 2154103 3 fantasai.bugs 2025-10-24 12:09:29 -0700 Fixed in https://github.com/WebKit/WebKit/pull/52498 2170374 4 fantasai.bugs 2026-01-08 11:51:22 -0800 Relanded in https://github.com/WebKit/WebKit/pull/56240