[css3-break][css3-transforms] Transforming content around breaks

Hello everybody,
I just realized that neither the Fragmentation spec, nor the Transforms spec actually state how content that is fragmented should be transformed. The way I see it, there are two ways of doing it, pretty much mutually exclusive:

 1.  Content is first fragmented and then transformed. With this approach, each fragment is transformed separately, relative to its own position/size in the corresponding fragmentainer.
 2.  Content is first transformed and then fragmented. With this approach, the content is transformed relative to its initial position/size and then fragmented/clipped/chopped in some way.

I found the second variant less intuitive, especially for things like rotations, where there's no straightforward way to split a 30-degree-rotated paragraph across 2 columns. However, implementations seem to be all over the place in this respect.

You can find a sample that uses columns and regions as a showcase, over at [1]. The red paragraphs are rotated 180 degrees to make it easier to see what letter goes where. As one can see [2][3][4] no two implementations behave the same.

So the bottom line question is this: what spec (Fragmentation? Transforms? A new one?) should specify how these operations on content should be sequenced. With things like blending and compositing coming along too, I suspect the problem of sequencing operations on the markup based on CSS will become even more obvious (and problematic if not addressed timely).

Thanks in advance,
Mihai

[1] https://dl.dropbox.com/u/116606942/tests/html/transformed-in-fragmentainers.html . Hover over the transformed text to reset the transform.
[2] https://dl.dropbox.com/u/116606942/tests/html/transforms-firefox.png
[3] https://dl.dropbox.com/u/116606942/tests/html/transforms-chrome.png
[4] https://dl.dropbox.com/u/116606942/tests/html/transforms-opera.png

Received on Thursday, 29 November 2012 08:33:56 UTC