New issue
Advanced search Search tips

Issue 690024 link

Starred by 13 users

Issue metadata

Status: Fixed
Owner:
Closed: Feb 2017
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Min height and flex-column with space between expands bigger than needed

Reported by sombragr...@gmail.com, Feb 8 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Steps to reproduce the problem:
Load attached web test case in chrome 56 and observe the wrapper is taller than it needs be. In my case is 1480px tall and the min-height is actually less than that. It seems removing the min-height or not using the space between fixes the issue.

What is the expected behavior?
It shouldn't happen that since there's no need for the elements to go that tall.

What went wrong?
The height of the wrapper is much more than what it should be.

Did this work before? Yes 55

Does this work in other browsers? Yes

Chrome version: 56.0.2924.87  Channel: stable
OS Version: OS X 10.12.3
Flash Version: Shockwave Flash 24.0 r0

 

Comment 1 Deleted

I may have done the upload incorrectly. Here it goes.
testcase.html
875 bytes View Download
Labels: Needs-Triage-M56

Comment 4 by woxxom@gmail.com, Feb 8 2017

Bisect:
426177 (good) - 426182 (bad), 56.0.2896.0
https://chromium.googlesource.com/chromium/src/+log/e023c78e..292397ed?pretty=fuller
Suspecting r426178 "[css-flexbox] Remove now-unnecessary numberOfInFlowPositionedChildren"

Repro note: a more convenient test case attached with the flexbox element painted in a different color.
testcase2.html
916 bytes View Download
Components: -Blink>CSS Blink>Layout>Flexbox
Labels: Regressed-56 Needs-Bisect
Status: Available (was: Unconfirmed)
Could testing team please confirm the regression range?
Labels: -Pri-2 -Needs-Bisect -Needs-Triage-M56 hasbisect-per-revision M-56 OS-Linux OS-Windows Pri-1
Owner: cbiesin...@chromium.org
Status: Assigned (was: Available)
Able to reproduce the issue on windows 7, Linux Ubuntu 14.04 and Mac 10.12.2 using chrome version 56.0.2924.87  and canary 58.0.3004.0.
This is regression issue broken in M56. Please find the bisect information as below

Narrow Bisect::
================
Good ::56.0.2889.0  ---     (official build 424926)
Bad:: 56.0.2900.0   ---     (official build 427219)

Change Log::
==============
https://chromium.googlesource.com/chromium/src/+log/e023c78ef194d8b0d1d8a5cf12c2b59de0e5b85c..87ce46583a3f21ba62862774cff5438dc4b79443

Possible suspect::
https://chromium.googlesource.com/chromium/src/+/87ce46583a3f21ba62862774cff5438dc4b79443

cbiesinger@ Could you please look into this issue if it is related to your change,else please help us in finding the appropriate owner for this issue.

Thanks,
Status: Started (was: Assigned)
Ah that is a little subtle... found the bug.
Project Member

Comment 8 by bugdroid1@chromium.org, Feb 14 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/f63ac52a3a74c9856d6fead1b1fb26a4948b35fe

commit f63ac52a3a74c9856d6fead1b1fb26a4948b35fe
Author: cbiesinger <cbiesinger@chromium.org>
Date: Tue Feb 14 15:44:41 2017

[css-flexbox] Don't add extra space-between space at the end

This is a regression from https://crrev.com/2429933002. When processing the
last item on a row we should not add justify-content space to the row height.
I incorrectly simplified the code in that patch. Weirdly we had no tests
for this :(

R=eae@chromium.org
BUG= 690024 

Review-Url: https://codereview.chromium.org/2697623003
Cr-Commit-Position: refs/heads/master@{#450364}

[add] https://crrev.com/f63ac52a3a74c9856d6fead1b1fb26a4948b35fe/third_party/WebKit/LayoutTests/css3/flexbox/justify-content-space-between.html
[modify] https://crrev.com/f63ac52a3a74c9856d6fead1b1fb26a4948b35fe/third_party/WebKit/Source/core/layout/LayoutFlexibleBox.cpp

Labels: Merge-Request-57
Status: Fixed (was: Started)
Project Member

Comment 10 by sheriffbot@chromium.org, Feb 15 2017

Labels: -Merge-Request-57 Hotlist-Merge-Approved Merge-Approved-57
Your change meets the bar and is auto-approved for M57. Please go ahead and merge the CL to branch 2987 manually. Please contact milestone owner if you have questions.
Owners: amineer@(clank), cmasso@(bling), ketakid@(cros), govind@(desktop)

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Project Member

Comment 11 by bugdroid1@chromium.org, Feb 15 2017

Labels: -merge-approved-57 merge-merged-2987
The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/d0e875601e88a69b9d6d6943cc6a2215bb0ce48f

commit d0e875601e88a69b9d6d6943cc6a2215bb0ce48f
Author: Christian Biesinger <cbiesinger@chromium.org>
Date: Wed Feb 15 16:52:41 2017

[css-flexbox] Don't add extra space-between space at the end

This is a regression from https://crrev.com/2429933002. When processing the
last item on a row we should not add justify-content space to the row height.
I incorrectly simplified the code in that patch. Weirdly we had no tests
for this :(

R=eae@chromium.org
BUG= 690024 

Review-Url: https://codereview.chromium.org/2697623003
Cr-Commit-Position: refs/heads/master@{#450364}
(cherry picked from commit f63ac52a3a74c9856d6fead1b1fb26a4948b35fe)

Review-Url: https://codereview.chromium.org/2692213006 .
Cr-Commit-Position: refs/branch-heads/2987@{#522}
Cr-Branched-From: ad51088c0e8776e8dcd963dbe752c4035ba6dab6-refs/heads/master@{#444943}

[add] https://crrev.com/d0e875601e88a69b9d6d6943cc6a2215bb0ce48f/third_party/WebKit/LayoutTests/css3/flexbox/justify-content-space-between.html
[modify] https://crrev.com/d0e875601e88a69b9d6d6943cc6a2215bb0ce48f/third_party/WebKit/Source/core/layout/LayoutFlexibleBox.cpp

Labels: TE-Verified-57.0.2987.74 TE-Verified-M57
Rechecked this issue on chrome version 57.0.2987.74 on Windows 10, MAC 10.12.3, Ubuntu 14.04 using the test case provided in comment#4. Fix is working as intended. The height of the wrapper is displayed as expected. 

Adding TE-Verified labels.

Sign in to add a comment