[csswg-drafts] Orthogonal flow with side by side texts (auto-multicol) (#5101)

BenjaminGalliot has just created a new issue for https://github.com/w3c/csswg-drafts:

== Orthogonal flow with side by side texts (auto-multicol) ==

My problem seems closely related to this [point](https://www.w3.org/TR/css-writing-modes-4/#auto-multicol).

I try to display 2 texts side by side: an original text and its translation. The original is in vertical right to left writing mode and the translation in horizontal left to right. The goal is to make a nice display on a screen with vertical scrolling, so it means the original text, after reaching the box limit, must continue under and not overflow (on translation or outside the page).

Some time ago, I thought I found the solution with `column-count` property (set to 1 or 2), but it seems the nice display was an artefact rather than the desired behaviour, as I noticed when several groups of 2 texts were following: if the original text is longer than its translation, it is hidden or overlaps over the next text under, and it seems it is because only the content of translation is taken into account for length calculation (as it can be seen with borders).

I made a [minimal working example](https://gist.github.com/BenjaminGalliot/fc1a4d77a2597f5e3dd3135ca284c5fa) to show the problem. The desired behaviour must seem like when you put `column-count: 1 (or 2)` for `.original` rather than `auto`, but without overflow (and in this setting, you see that it is an artefact because the content overflows the border!

I read several time the point about orthogonal flow in the CSS documentation, and I can’t reproduce what is shown on this [picture](https://www.w3.org/TR/css-writing-modes-4/images/auto-multicol.svg) for my right side. Did I miss something?

Thank you.


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5101 using your GitHub account

Received on Friday, 22 May 2020 13:21:12 UTC