The codepens for 12.1a and 12.1b have the same code about flexbugs HOT 3 CLOSED

Hi @sipec, thanks for bringing this to our attention. I verified that there is indeed a difference in the CSS on both examples. In the 12.1.b workaround, I noticed this extra piece of CSS rule:

.FlexContainer::before,
.FlexItem {
  display: block;
}

There is an ongoing effort to move these examples from Codepen into GitHub pages for a different reason - see issue #274 and PR #276.

from flexbugs.

@philipwalton Feel free to correct me and/or add more information which I might have missed above.

On a related note, I can't seem to find any difference in the outputs between the 12.1.a bug and 12.1.b workaround in the version of IE11 installed on my Windows 10 machine (11.657.18362.0 - version screenshot below). And I do NOT have access to older versions of IE.

I was expecting to see a difference between the ::before element as per the following statement mentioned on the description of this bug.

IE 11 fixed this bug with regular inline element, but it still affects the ::before and ::after pseudo-elements.

Looks like the latest patch of IE11 might have fixed the issue on the ::before and ::after pseudo-elements.

My IE11 Version

Output of 12.1.a bug

Output of 12.1.b workaround

from flexbugs.

My bad, I see the difference now. I just didn't scroll down 😅

from flexbugs.