rendering borders css border-radius other styles

Question

Matt Hardy Author

Level 1

145 points

rendering borders css border-radius other styles

I just have to alter the window size, and the safari render corrects itself.

Another example, I believe it is the border: 1px, and a radius. (see top right green corner)

I've always found Safari has had issue with border and radius, but never this bad.

Readjust the window and the corner adjusts to be perfect again...

I have no idea how Safari renders corners, but hopefully this helps show the resulting issues.

The reason I put this is customers blame us for safari render problems!

🙂

For now we have to say, well, "you know dear customer, Firefox or Chrome will make the layout design perfect, please note Safari is buggy"

They just can't believe it...

OS X Mountain Lion, i7 Air v5,2

Posted on Aug 14, 2012 11:38 PM

Reply

Answer 1

Matt Hardy Author

Level 1

145 points

Aug 14, 2012 11:40 PM in response to Matt Hardy

We never say try IE, btw 😉 (although can't produce this on IE 9...)

Reply

Answer 2

Matt Hardy Author

Level 1

145 points

Aug 15, 2012 5:06 AM in response to Matt Hardy

Another example of a random line appearin approx. middle of window.

Full artifact

Fading out... on window resize. then disappears.

The grey block is just a simple div, with a drop shadow.

(href removed)

Reply

Answer 3

Matt Hardy Author

Level 1

145 points

Aug 16, 2012 4:04 AM in response to Matt Hardy

More render issues, requires a full quit/start of safari.

I'd have though the new sandbox of processes would have sorted this, but I have no idea how css rendering engine works in this relationship... I'd have thought it would be a new render object per window and so correct errors on initiation... but that's just me.