1382867 - Layout problem with writing-mode and flexbox

Status: RESOLVED DUPLICATE of bug 1267462

(Core :: Layout, defect, P3)

Description

[Eric A. Meyer]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:56.0) Gecko/20100101 Firefox/56.0
Build ID: 20170719100145

Steps to reproduce:

I created a minimal testcase showing the problem, located at http://meyerweb.com/eric/css/tests/firefox/writing-mode-flexbox.html.


Actual results:

When using vertical writing modes on elements in a flex container one or both of the vertically-written elements are badly misplaced.  The exact nature of the misplacement depends on the value of `justify-content`.  (See above testcase for more details.)


Expected results:

The headings in the testcase should be visible and placed within the flex container.

Comment 1

[Daniel Holbert [:dholbert]]

Might be a dupe of bug 1282940.  (Related underlying problem, at least.)

In any case, part of the family of bug 1079155 --> marking as blocking that bug.  Also, wontfix for 57 (current beta) since this isn't a recent regression and its patch would likely have nonzero risk for uplift.

Comment 2

[Daniel Holbert [:dholbert]]

I believe this is fixed in Nightly (version 60) likely by bug 1267462 (which fixed a lot of similar issues with flexbox + vertical writing-modes causing absurdly large/offscreen content).

I tried the steps in comment 0 and everything seems normal now -- the h1/h2 elements are both onscreen now and are both positioned at the left (or with manual justify-content tweaks in devtools: at the right or center, as you'd expect).

--> Duping to bug 1267462.  This should be fixed in Firefox 60, which hits the Firefox Beta release-channel sometime next week.