Bug 23010 – Right border on inline box is not rendered, right padding and right margin are not applied

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

Tested on:
- Windows XP SP3
- Apple Safari for Windows 3.2.1 using the r39474 WebKit nightly build for
Windows from http://nightly.webkit.org/
- Intel P4 2.4 GHz CPU (single core)
- javascript is enabled

Description:
WebKit doesn't render the right border of an inline element, and collapses the right padding and right margin as well.

A test case is available at
http://www.cssdesignpatterns.com/Chapter%2004%20-%20BOX%20MODELS/Inline%20Box/example.html

How it should look: http://www.postimage.org/image.php?v=Pq1jNYVS
How it looks on WebKit: http://www.postimage.org/image.php?v=gx1YjUpS

[Ahmad Saleem]

Created attachment 461141 [details]
Safari 15.6 matches Chrome but differs from Firefox

I am not sure on expected results and also it might be platform specific but based on URL test case, Safari 15.6 matches with Chrome Canary 105 but differs from Firefox Nightly 104 as can be seen from attached screenshot. Appreciate if someone can have a look and decide based on web-spec or results, whether something needed to be fixed in Webkit or not. Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/97457316>

[alan]

This looks ok to me. Thank you for testing it.