Bug 9536 – Safari Incorrectly renders border-top, UNDER border-left or border-right

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

[Court Kizer]

Safari incorrectly renders the left border always over top of the top border,
even switching around the order of the borders, to have border-top be stated last
still causes safari to render the BORDER-LEFT over BORDER-TOP

every other browser does it the other way, the result is ugly corners when I知 trying to have a simple
border.

[Dave Hyatt]

Easy enough to match WinIE and Mozilla here, although this is not technically a bug.  (The order in which individual border sides paint at the corners is left unspecified in CSS.)

[Dave Hyatt]

We will need to know the precedence (which side wins) at all four corners in order to know what the correct stacking order is to match WinIE and Mozilla.

[Court Kizer]

The order in mozilla and IE6 is this:

1) border-top
2) border-bottom
3) border-left
4) border-right

I appreciate you looking into it, and I think it would be best if the order matched the other browsers out there.

[Darin Adler]

Definitely not a P1, although would be nice to fix this.

[Court Kizer]

Yeah sorry I didn't mean to make it p1, I'd really appreciate this fix working it's way into some of the nighties soon. And with 10.5 coming out a ways down the road it would be nice to have this fixed. Best Regards Court Kizer

[David Kilzer (:ddkilzer)]

Don't close the bug!  It hasn't been fixed yet.  It's just not a P1 priority.

[Andrew Wellington]

It seems that every browser has a different ordering here. These are the orderings of different browsers I've tested. The order given is the order the borders are draw and thus those further down the list are drawn on top of those higher in the list.

IE6/IE7
  Left
  Top
  Bottom
  Right

Firefox 2
  Bottom
  Left
  Top
  Right

Opera
  Bottom
  Left
  Right
  Top

WebKit
  Top
  Bottom
  Left
  Right


It seems that there is no agreement in the ordering here. Commonalities between them (excluding WebKit):
Top always comes after Left
Right always comes after Bottom

[Simon Fraser (smfr)]

No testcase?

[Simon Fraser (smfr)]

Does this only matter with single-pixel borders, or do you know of a case where the effect is more serious? That's why a testcase is useful.

[Brent Fulgham]

The relevant website doesn't seem to work anymore. Please REOPEN with a relevant test case so we can make progress.

It is likely that the behavior is now covered in Web Platform Tests, but please let us know if not.