[Chrome] border wordt niet geclipped*

[apNia]

Wat ik verwacht: http://jsfiddle.net/UdYTV/

Zodra ik position: absolute of relative toepas op een de outer of inner div: http://jsfiddle.net/74uAA/
Zelfde geldt voor -webkit-transform: translate3d(0,0,0); overigens: http://jsfiddle.net/dAS2D/

Firefox doet hier overigens niet raar mee. How can this now?

edit: topictitel is niet echt duidelijk

[ Voor 8% gewijzigd door apNia op 13-06-2012 16:41 ]

[R4gnax]

De W3C candidate recommendation is hier heel duidelijk over:

A box's backgrounds, but not its border-image, are clipped to the appropriate curve (as determined by 'background-clip'). Other effects that clip to the border or padding edge (such as 'overflow' other than 'visible') also must clip to the curve. The content of replaced elements is always trimmed to the content edge curve. Also, the area outside the curve of the border edge does not accept mouse events on behalf of the element.

source: CSS Backgrounds and Borders Module Level 3, section 5.3 : Corner Clipping

Het zijn is al een vrij lang bekende bug in de Webkit engine dat gepositioneerde elementen met border-radius hun content niet correct clippen naar de curves van die border-radius en dat gepositioneerde elementen in het algemeen helemaal nooit geclipped worden, zelfs niet als het element waarnaar geclipped zou moeten worden statisch gepositioneerd is.

Gecko (Mozilla's engine die gebruikt wordt in o.a. Firefox) had vroeger last van iets soortgelijks, maar daar werd het vrij snel gepatched.

In dit geval heeft e.e.a. te maken met interne rendering optimalisaties, wat misschien ook zou verklaren waarom het van de kant van de Webkit developers zo relatief lang stil is geweest omtrend dit probleem.

Zie o.a. ook:
http://code.google.com/p/chromium/issues/detail?id=129118
https://bugs.webkit.org/show_bug.cgi?id=69866
https://bugs.webkit.org/show_bug.cgi?id=68196

[ Voor 26% gewijzigd door R4gnax op 13-06-2012 20:15 ]

[apNia]

OK duidelijk, en uitzonderlijk irritant. Ik haat het als ik hackjes moet inbouwen. Heel erg bedankt voor je uitgebreide reply