Unnecessary newlines generated when switching from vertical to horizontal writing-mode
Reported by
gustvand...@gmail.com,
Dec 4
|
||||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36
Steps to reproduce the problem:
1. Create an element with the following three properties:
max-width: 100%;
display: flex;
writing-mode: vertical-lr;
2. Add children elements with text (or any) nodes
3. Add writing-mode: initial; to the children
What is the expected behavior?
All elements should be rendered as if nothing's been changed to begin with.
What went wrong?
Newlines are added as if the element is rendered equally wide as the longest child node. The text is rendered normally, though.
Did this work before? N/A
Does this work in other browsers? No
The behavior is identical in Opera, so I suspect the same goes for Safari.
Like I explained in the test case, Edge and Firefox have similar problems. The test case also doesn't work at all in Firefox until you resize it a few times.
Chrome version: 70.0.3538.110 Channel: stable
OS Version: 10.0
Flash Version:
,
Dec 5
Tried testing the issue on the reported chrome version #70.0.3538.110 using Windows 10. Below are the observations noted while testing the issue. Observations: ============= 1.Opened "writing-mode bug.html" in Chrome observed header and text below it and under the last header with "Ratio 2:1" has empty space below the text. 2.Unable to edit the text area under the headers. 3.When opened the same file in Firefox it only showed the headers with no text area under them. Attached screencast for reference. @reporter: Could you please review attached screencast and let us know if anything is missed from our end. If possible requesting you to provide a screencast or screencast of the issue so that it would be really helpful in further triaging of the issue. Thanks.!
,
Dec 6
The behavior you showed in Chrome is almost exactly as expected. Like explained in the last 2:1 box, that box doesn't have white-space: nowrap; applied and therefore shows the newlines bug. The only difference is that I also see an extra newline in the header (see attachment). This might be because you've resized the browser. The behavior in Firefox is exactly as expected.
,
Dec 6
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Dec 10
Even more broken in LayoutNG/ |
||||
►
Sign in to add a comment |
||||
Comment 1 by swarnasree.mukkala@chromium.org
, Dec 4