Dans la série #ChromeIsTheNewIE. Je cite la page de Mozilla

les pseudo-éléments générés par ::before et ::after sont contenus dans la boîte de mise en forme de l'élément.

Qui traduit ce que dit la spec officielle :

The :before and :after pseudo-elements interact with other boxes as if they were real elements inserted just inside their associated element.

J’insiste bien sur le « dans ».

Là j’ai du code (un peu complexe, certes, avec des flex et des positionnements absolus).

Où est-ce que Firefox place le ::after ? Dedans.
Où est-ce que Chrome place le ::after ? Après.

Va.
Chier.
Chrome.

Webkit, en fait (ou Blink). Tu m’emmerdes. Ouais j’ai l’impression d’être retrouvé à l’époque d’IE6 : celui où tous les navigateurs respectaient les standards sauf le ouistiti complètement con de Microsoft, IE6.

Sauf que maintenant ce primate décérébré, c’est Chrome/Chromium… et tous les navigateurs dans lequel son code de merde pourri le web depuis 10 ans (Opera, Vivaldi, Edge…).

— (permalink)