Flex item child not inheriting height from flex-grow
Reported by
rmconigl...@gmail.com,
Nov 20
|
|||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Steps to reproduce the problem: 1. Create flex div container with height set to 500px or any value 2. Add flex item div with flex-grow: 1, flex-shrink: 1 and flex-basis: auto 3. Add child element div to flex item with height: 100% or height: inherit 4. Observe the child element div does not inherit height of the flex item What is the expected behavior? The height of the child should be the height of the flex item by setting flex-grow: 1, flex-shrink: 1 and flex-basis: auto on the flex item. This only works when using the shorthand flex: 1 or flex 1 1 auto What went wrong? The child height is 0 Did this work before? N/A Does this work in other browsers? Yes Chrome version: 70.0.3538.102 Channel: n/a OS Version: 10.0 Flash Version:
,
Nov 20
See live example here https://jsfiddle.net/rmc33/4eL7bk9d/3/
,
Nov 20
My mistake this works as expected with flex-basis: 0; flex-grow: 1; flex-shrink: 1; This is not a bug sorry.
,
Nov 20
,
Nov 20
rmconigliaro@ Thanks for the update. As per comment #3, marking this issue as WontFix as this is not a bug. Please feel free to raise a new issue if any bugs are observed on the latest Chrome builds. Thanks.. |
|||
►
Sign in to add a comment |
|||
Comment 1 by rmconigl...@gmail.com
, Nov 20