Source: http://tavmjong.free.fr/SVG/TEXT_SYDNEY_2016/#Wrapped (See 3.3)
The ''wrap-flow' property allows choosing how wrapping flows around an exclusion. It's not clear how this would apply to divided lines from the 'shape-inside'.
The wrap-flow property is applied to the excluded element, to define how text wraps around it. It is therefore not appropriate for controlling wrapping within a shape.
A single element might need both external and internal wrapping controls. For example, a pull quote in a magazine layout: you want the quote to wrap to a shape, but you also want the column text to wrap around it. See an example here of dual wrapping. Now imagine the leaf shape was a maple leaf or something else with deep lobes that interrupt the text. Do you want to continue the text on the other side of the interruption or not?
I think it is important to have author control over this, so we would need a new property. It would also be needed for CSS Shapes 2 / CSS Exclusions (which would define how to create layouts like the linked example).
The values for the new property (wrap-inside?) would be similar to those for wrap-flow, but with the important distinction that there could be more than two shape regions that intersect any given line of text. I would suggest the following options:
I would suggest that either all, start or maximum be chosen as the default value.
I can put together a demo of the options, if @Tavmjong does not already have something similar.
Note that I do not think that this property would be a reasonable way of dealing with flowing text from one shape to another, as describe in Issue #38. That is about filling one shape neatly, then moving to the next, like flowing from one column to another.
From the CSS/SVG working group joint face to face in Sydney on 3 February 2016, the following were confirmed:
Examples of the same shape with different wrapping scenarios. Text is manually positioned, so padding is not super precise and hyphenation may be non-standard, but you get the gist:
all wrapping (default)
The example brings up a problem with maximum (and also minimum): what happens when multiple spans along a line have the same available width? (This is also an issue with minimum/maximum for wrap-flow, and correct behavior is not currently defined in the CSS Exclusions spec.) I have fallen back to start for the example here.
It was decided at the joint CSS/SVG working meeting that text is laid out on both sides of a hole. The SVG 2 spec has been updated.