New issue
Advanced search Search tips

Issue 676985 link

Starred by 5 users
Status: Duplicate
Merged: issue 596743
Owner:
cbiesin...@chromium.org
Closed: Dec 2017
Cc:
jmukthavaram@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

nested flex boxes, when the outer one has a constrained size, result in overlaps instead of scrolling

Reported by v...@g.nevcal.com, Dec 26 2016 
Chrome Version       : Version 55.0.2883.87 m
URLs (if applicable) :
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
    Firefox: OK
       Edge: OK
      Opera: FAIL

What steps will reproduce the problem?
(1) View the attached file in Chrome or Opera

What is the expected result?

There should be a scroll bar to allowing viewing everything.  The <div>s that have text should all be 50×50 pixels.

What happens instead?

The <div>s get resized, <div> i2 is not contained in <div> o1 as it should be, and is hidden under <div> o2.


Please provide any additional information below. Attach a screenshot if
possible.

Workaround: uncomment the extra <div> in the attached file, and it works better.
flexflex.html
1.0 KB View Download

Comment 1 by chhavich...@gmail.com, Dec 26 2016

TMPDOODLE1482732081089.jpg
741 KB View Download

Comment 2 by chhavich...@gmail.com, Dec 26 2016

IMG_20161218_143625_HDR.jpg
3.0 MB View Download

Comment 3 by woxxom@gmail.com, Dec 26 2016 

Bisect:
371694 (good) - 371704 (bad), 50.0.2633.0
https://chromium.googlesource.com/chromium/src/+log/1e12ce9f..006b75cf?pretty=fuller
The obvious suspect is r371699 "[css-flexbox] For now, don't apply min-height: auto to nested flexboxes"
Related:  issue 580196

Comment 4 by jmukthavaram@chromium.org, Dec 26 2016

Cc: jmukthavaram@chromium.org
Components: Blink>Layout>Flexbox
Labels: -Type-Bug -Pri-3 M-57 hasbisect OS-Linux OS-Mac OS-Windows Pri-1 Type-Bug-Regression
Owner: cbiesin...@chromium.org
Status: Assigned (was: Unconfirmed)
Thanks  woxxom.

Able to reproduce this issue on windows 7, Mac 10.12.2,Linux Ubuntu 14.04 with Chrome stable version-55.0.2883.87 and Canary-57.0.2962.0.

Manual Bisect:

Bad Build Revision -371704

Good Build—Revision-371694

Bisect Tool Info:

You are probably looking for a change made after 371695 (known good), but no later than 371704 (first known bad).

CHANGELOG URL:

  https://chromium.googlesource.com/chromium/src/+log/9000e422526a1795be84f2571b5e65f431c73f2f..006b75cf40c873bcc386bf1ba99b8b63bc1818e9

Possible Suspect:

https://chromium.googlesource.com/chromium/src/+/b883e94b36fe4f3f3f71e24626ed9e0678372085

Review URL: https://codereview.chromium.org/1631033003

cbiesinger@ Kindly take a look and please help us to reassign this issue to a right owner if not with respect to this change.

Thanks.!

Comment 5 by e...@chromium.org, Mar 8 2017

Labels: -Pri-1 Pri-2

Comment 6 by e...@chromium.org, Jun 19 2017 

Have you had a chance to look into this Christian?

Comment 7 by philipwalton@google.com, Dec 4 2017 

Here's another example demonstrating this bug as reported in the Flexbugs repo:

Demo:
http://jsbin.com/vafimexewo/edit?html,css,output

Github issue:
https://github.com/philipwalton/flexbugs/issues/241

Comment 8 by cbiesin...@chromium.org, Dec 4 2017

Mergedinto: 596743
Status: Duplicate (was: Assigned)
►

Sign in to add a comment