When two flex boxes are nested, the overflow is caused in the inner box only if "flex-direction" is "column".
Reported by
babata...@gmail.com,
Apr 5 2018
|
||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3388.0 Safari/537.36 Steps to reproduce the problem: 1. Open https://jsfiddle.net/bt6bc8oe/33/ What is the expected behavior? The <div> elements (with alphabets) should fit in the inner flex box (<section> with red dashed borders). What went wrong? The <div> elements (with alphabets) overflows the inner flex box (<section> with red dashed borders). This behavior is inconsistent with other browsers. Note: If the "flex-direction" is "row", the inner flex box overflows the outer box (<main> with green background). https://jsfiddle.net/vc0bb48u/1/ Did this work before? N/A Does this work in other browsers? Yes Chrome version: 67.0.3388.0 Channel: canary OS Version: 10.0 Flash Version:
,
Apr 5 2018
,
Apr 6 2018
Able to reproduce this issue on reported version 67.0.3388.0, on latest canary 67.0.3390.0 using Windows 10, Mac 10.13.3 and Ubuntu 14.04. Issue is seen from M-60. Hence considering this issue as Non-Regression and marking as Untriaged. Thanks!
,
Apr 18 2018
,
Apr 18 2018
,
Sep 27
|
||||||
►
Sign in to add a comment |
||||||
Comment 1 by babata...@gmail.com
, Apr 5 201811.2 KB
11.2 KB View Download