198375 2019-05-30 08:19:37 -0700 100% height doesn't work within nested flex container 2021-10-24 06:34:26 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 12 Unspecified Unspecified RESOLVED DUPLICATE 212264 BrowserCompat, InRadar P2 Normal --- 1 oliverjash jh718.park alex.wayfer bfulgham jh718.park mightyiampresence samanpwbb simon.fraser webkit-bug-importer zalan oldest_to_newest 1540302 0 oliverjash 2019-05-30 08:19:37 -0700 Re. https://github.com/philipwalton/flexbugs/issues/197 Reduced test case: http://jsfiddle.net/OliverJAsh2/rx59Ljbw/2/ The `height: 100%` seems to be ignored. It works in Chrome and Firefox. Specifying `flex-basis: 0` or `height: 0` on the flex item (as suggested originally in https://github.com/philipwalton/flexbugs/issues/197#issuecomment-283211783) seems to workaround the issue in Safari. 1540806 1 webkit-bug-importer 2019-05-31 12:55:57 -0700 <rdar://problem/51311833> 1808205 2 jh718.park 2021-10-24 06:34:26 -0700 *** This bug has been marked as a duplicate of bug 212264 ***