Flexbox items require explicit width to align in flex-direction: column
Reported by
beckm...@rostock-digital.com,
Jul 31 2017
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3172.2 Safari/537.36 Steps to reproduce the problem: 1. Open the attached webpage 2. Resize the browser window 3. Flexbox children behave different with or without explicit width What is the expected behavior? align-self should work regardless of an explicit width like in all other browser including Chrome 61 What went wrong? without explicit width the element is pushed to the left Did this work before? Yes Chrome 61, Chrome 60 and all other browser Does this work in other browsers? Yes Chrome version: 62.0.3172.2 Channel: canary OS Version: 6.1 (Windows 7, Windows Server 2008 R2) Flash Version:
,
Aug 1 2017
Tested on latest Chrome Canary#62.0.3172.0 on Windows 7, Ubuntu 14.04, Mac 10.12.6 and able to reproduce the issue. Issue is not reproduced on the latest stable #60.0.3112.78. Please find the bisect info below: Chrome Good Build - 62.0.3171.0 (Revision - 490649) Chrome Bad Build - 62.0.3172.0 (Revision - 490684) You are probably looking for a change made after 490643 (known good), but no later than 490644 (first known bad). CHANGELOG URL: The script might not always return single CL as suspect as some perf builds might get missing due to failure. https://chromium.googlesource.com/chromium/src/+log/52209cb5ae750acd66a8eb515667a68be4e737aa..65b35725c48bc658fe53911f3d248a68393ecf0e Review-On: https://chromium-review.googlesource.com/592691 @eae -- Could you please look into the issue as Christian Biesinger is unavailable till Oct 31. If it has nothing to do with Christian Biesinger changes, could you please assign it to owner concerned if possible. Note: Per-revision bisect gave all bad builds, and was able to find the suspect by increasing the revision range from 490500 to 490700. Thanks.
,
Aug 1 2017
,
Aug 3 2017
Does this break any existing content or website? If so could you please provide a link?
,
Aug 3 2017
Actually, never mind. The change has already been reverted. See issue 750553 .
,
Aug 7 2017
Because it is one straightforward way using flexbox to align container with different content in rows and center them beneath each other, it will probably break millions of website designs. We found out because it breaks the chat interface of our software (https://www.yalst.de, online weekdays from 10 am to 7 pm CET) which is used by many customers. It's a quite complicated CSS construct but I broke the error down to the example I attached. Best regards Andreas Beckmann |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by ligim...@chromium.org
, Jul 31 2017Labels: -Pri-2 ReleaseBlock-Beta Need-Triage-M62 Needs-Bisect Pri-1