How to handle overflow for text in a shape?

[nikosandronikos]

Source: http://tavmjong.free.fr/SVG/TEXT_SYDNEY_2016/#Wrapped (See 3.2)

Possible solutions:

1. Do not define now for SVG.
2. Provide a means to expose the text, for example, displaying it on hovering over the ellipses).
3. Continue in rectangle region below shape as dictated by Shapes 2 (using width of 'shape-inside' to define "rectangular bounds").

[AmeliaBR]

One complication on SVG vs CSS: The CSS solution is to put the overflow text below the content-box of the element, regardless of whether or not the shape-inside fills up that entire content-box.

In SVG, at least as we're currently defining it, there is no direct equivalent of content-box. Shapes are defined relative to the view-box. Overflowing text below/beyond the view-box would normally mean overflowing it outside the SVG. It also means that multiple text elements would overflow into the same region. Which would basically be a big mess that serves neither aesthetic nor accessibility goals.

(And accessibility, to me, is the main concern: overflow will often be an issue if the user has set a minimum font size that is larger than what the designer intended. Aesthetics will inevitably bad if text is overflowing the shape, but we want it to still be readable!)

[nikosandronikos]

So the outcome of the Sydney F2F discussion was to just overflow out of the shape for the basic case, and maybe add other options later? I'm finding the minutes to be confusing on this topic.
http://logs.csswg.org/irc.w3.org/css/2016-02-02/#e649639

[Tavmjong]

The SVG 2 spec has been update. No behavior is defined for the moment but may in the future. It is suggested that an over flow shape be given in the 'shape-inside' value.