paint-order not applied to <use>

[stanio]

use-paint-order.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
  <defs>
    <g id="a-circle">
      <circle r="80" />
    </g>
  </defs>

  <circle cx="90" cy="90" r="80" fill="green"
      stroke="blue" stroke-width="10" paint-order="stroke fill" />

  <use href="#a-circle" x="150" y="150" fill="orange"
      stroke="blue" stroke-width="10" paint-order="stroke fill" />

</svg>

Actual	Expected

[weisJ]

I'm not sure behaviour of other implementations actually is correct here. Per the spec https://svgwg.org/svg2-draft/painting.html#PaintOrder the paint-order property is only allowed on the following elements

• shapes:
  • circle
  • ellipse
  • line
  • path
  • polygon
  • poly line
  • rect
• text content elements
  • text
  • textPath
  • span

It is inherited though that should only apply to text content elements as out of the above elements only text actually is a container type (in the sense that is can have visible children).

[stanio]

Looks similar to the fill attribute. It is said it applies to just shapes and text content elements but then it is inherited and one could specify fill="..." on the root <svg> or <g> element – that one is handled by JSVG.

[stanio]

I think "applies to" and which element could specify the attribute are two different parts. The <use> element is specified to have presentation attributes that include paint-order. "Style Scoping and Inheritance" further specify how these apply to referenced elements.

[weisJ]

Ah it has been to long since I worked on inherited properties. This makes a lot of sense.

[weisJ]

Should be fixed in current snapshot

[stanio]

Tested with current 1.5.1-SNAPSHOT – works as expected now.

[weisJ]

Now available in 1.6.0