W3C home > Mailing lists > Public > www-style@w3.org > May 2015

Re: [css-writing-modes][svg] SVG and writing-mode

From: Koji Ishii <kojiishi@gmail.com>
Date: Thu, 7 May 2015 17:36:01 +0900
Message-ID: <CAN9ydbUYSK6fuqY7euDRhL5jZQhpWFVV4dMAfz=W=G8000wAJw@mail.gmail.com>
To: Jonathan Kew <jfkthame@gmail.com>
Cc: "www-style@w3.org" <www-style@w3.org>, davve@opera.com, duga@google.com
On Thu, May 7, 2015 at 5:14 PM, Jonathan Kew <jfkthame@gmail.com> wrote:
>
> Not sure why this failed for you; could you file a bug with testcase?

Done[1], sorry I neglected to narrow it down there...

> Gecko does apply the writing-mode from HTML to the text within the SVG as
> well, as shown by an example like:
>
>  data:text/html,<html style="writing-mode:vertical-rl">
>   <body>Hello world
>   <div>
>    <svg width="100" height="100">
>     <circle cx="50" cy="50" r="20" fill="green" />
>     <text x="50" y="50" font-family="sans-serif" font-size="20px"
>      fill="red">Hello!</text>
>    </svg>

Thank you for the info, I should try simpler case.

> However, I agree it might be better to avoid this, as the svg image as a
> whole does not rotate. While there may be some cases where an author would
> want the text within an svg image to respond to the document's writing mode,
> this seems unlikely to be widely useful.
>
> Perhaps we should simply add
>
>   svg { writing-mode: initial; }
>
> to the UA stylesheet? Then an author who *does* want the outside
> writing-mode to apply to text within the svg can still use "writing-mode:
> inherit" to achieve this.

Yeah, right. UA stylesheets are usually informative, so I'm not sure
what the appropriate way to write that normatively in the spec, but I
agree that the effect you describe is the ideal.

[1] https://bugzilla.mozilla.org/show_bug.cgi?id=1162418

/koji
Received on Thursday, 7 May 2015 08:36:28 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:54 UTC