Created by: ysds
Fixes #22448 (closed) Fixes #28839 (closed)
See https://github.com/philipwalton/flexbugs/issues/75
In IE 11, though, it appears to size the image correctly, but the surrounding body div sizes up its height (never collapses) as if the full height of the source image were there.
Adding min-height: 1px to the flex item does, in fact, work around the issue. There's some sort of sorcery going on here in IE's guts. My best guess is that the min-height forces IE to recalculate the height of the rendered content after all of the resizing, and that makes it realize that the height is different.
Demo: https://codepen.io/fellows3/pen/QRJmmx Left: Chrome / Right: IE11
The min-height: 1px fixes that, but my concern is this affects unexpected parts (or not). At least there is no problem with accordions.