Closed Bug 1215787 Opened 9 years ago Closed 4 years ago

Using writing-mode to create vertically ordered columns on <html> no longer works

Categories

(Core :: Layout: Columns, defect, P4)

Product:
Core
Component:
Layout: Columns
Version:
40 Branch
Type:
defect

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: d.huigens, Unassigned)

References

Details

(Keywords: regression, testcase)

Attachments

(2 files, 1 obsolete file)

Reporter's testcase with vendor prefixes removed
2.89 KB, text/html
Details
The same test but using a couple of <div>s instead of using <html>/<body>
2.92 KB, text/html
Details
Attached file testcase-vertical-columns.html (obsolete) — 
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/45.0.2454.101 Chrome/45.0.2454.101 Safari/537.36

Steps to reproduce:

1. Divide content into an unspecified number of columns the size of the container with -moz-column-count: 1
2. Order the columns vertically with writing-mode: vertical-lr
3. Order the content back horizontally with writing-mode: initial

See attached testcase.


Actual results:

No columns are created, and the content ignores the width of the container


Expected results:

Vertically ordered columns the size of the container should be created.

Back when this worked, I created a blog post on the technique with a screenshot: http://blog.airbornos.com/post/2015/05/08/Dividing-Content-into-Visual-Pages-in-CSS

Regression window: https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=2950fd6529df7d26dbc6b7c4d8fd27f6d674a50a&tochange=42484455a38391f548969276ce2b1032745c6d85

If someone has a workaround, I would be super thankful for that too.
CC'ing Jonathan for more details.
Blocks: 1152941
Flags: needinfo?(jfkthame)
Keywords: regression
Version: 41 Branch → 40 Branch
Status: UNCONFIRMED → NEW
Has Regression Range: --- → yes
Ever confirmed: true
Keywords: testcase
OS: Unspecified → All
Hardware: Unspecified → All

I'm guessing the <div> testcase has the layout the reporter expected. I'm not sure if we really render the first testcase wrong though. IIRC, the specs have some rather complicated rules for how writing-mode should behave on HTML/BODY.
(Note that Chrome have the same layout as we do on these tests. Well, except that Chrome doesn't create a scrollbar in the second test, but that seems like a bug in Chrome.)

Emilio, I think you touched this code a while ago (propagating writing-mode etc), do you recall what the spec says?

Severity: normal → minor
Status: NEW → UNCONFIRMED
Component: Layout: Block and Inline → Layout: Columns
Ever confirmed: false
Flags: needinfo?(emilio)
Priority: -- → P4
Summary: Using writing-mode to create vertically ordered columns no longer works → Using writing-mode to create vertically ordered columns on <html> no longer works

Yeah, I think this is correct per spec at the moment. Last change here was bug 1102175. Spec is https://drafts.csswg.org/css-writing-modes-3/#principal-flow.

The computed value of the <html> is not used, and it's propagated from the <body> instead.

Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Flags: needinfo?(emilio)
Resolution: --- → INVALID
Flags: needinfo?(jfkthame)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: