inline-flexbox on a h1 breaks before last word
Reported by
neupat...@gmail.com,
Mar 10 2017
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/56.0.2924.76 Chrome/56.0.2924.76 Safari/537.36 Example URL: not public, own website Steps to reproduce the problem: 1. h1 element with display: inline-flex and a ::before and ::after pseudo element 2. pseudo elements seem to behave as expected, last word of the text will be in next line 3. does not happen with display: flex 4. works correctly in firefox, problem in chrome and chromium What is the expected behavior? What went wrong? unexpected break of text Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? No Does this work in other browsers? Yes Chrome version: 56.0.2924.76 Channel: stable OS Version: 4.4.0-66-generic Flash Version: none this seems similar: https://stackoverflow.com/questions/29985416/display-webkit-flex-pushes-inline-block-div-to-next-line-in-safari don't know if it really correlates
,
Mar 14 2017
I found out the problem is with a ::after or ::before element having set a width and display: inline-table; I attached a file with an example. Note that always the last word gets pushed to the next line. There seems to be no problem with other display values, though I didn't try all. I don't actually know what the correct behavior should be but I thought the text will stay in one line and firefox thinks that too.
,
Mar 14 2017
Thank you for providing more feedback. Adding requester "kojii@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Mar 15 2017
Thank you for the reproducible case, confirmed the line wraps if "inline-flex".
,
Mar 16 2017
,
Dec 13
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by kojii@chromium.org
, Mar 13 2017Components: -Blink Blink>Layout>Flexbox
Labels: Needs-Feedback
NextAction: 2017-03-26