Child not centered when using flexbox with absolute position and margin
Reported by
robertko...@gmail.com,
May 11 2018
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.170 Safari/537.36 Steps to reproduce the problem: The following Codepen demonstrates the issue: https://codepen.io/robkom/pen/gzzoKz?editors=1100. When viewed in Chrome, you can see that the title is not exactly centered. However, when viewed in Firefox, the title is centered, as expected. This appear to be caused by the margin applied to the title; if you remove the margin, the title appears centered, as expected, in both browsers. What is the expected behavior? What went wrong? Margin on absolutely positioned element (with justify-content: center) is offset from center. Did this work before? N/A Does this work in other browsers? Yes Chrome version: 66.0.3359.170 Channel: stable OS Version: macOS High Sierra 10.13.4 Flash Version:
,
May 14 2018
,
May 14 2018
Over to cbiesinger for triage.
,
May 15 2018
robertkomaromi@ Thanks for the issue. Able to reproduce the issue on Mac OS High Sierra 10.13.3 and Ubuntu 14.04 on the latest Canary 68.0.3430.0 and Stable 66.0.3359.170 by the steps mentioned in the original comment. Issue is not observed on Windows 10. On navigating to the given codepen, can observe the title is not centered on Chrome. This is a Non-Regression issue as this behavior is observed from M60 Chrome builds. Hence marking this as Untriaged for further updates from Dev. Thanks..
,
May 18 2018
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by dtapu...@chromium.org
, May 11 2018