Bug 236947 – stroke-dasharray="0,..." with round endcap is rendered incorrectly

• Component: SVG
• Status: RESOLVED MOVED

Created attachment 452708 [details]
sample svg file

See the attached test case.

Chrome renders it correctly, Webkit does not. The last two lines should be almost identical. One has stroke-dasharray="0.001,1.999" while the other has stroke-dasharray="0,2". Webkit is treating the latter as if it were "1,1".

Release 140 (Safari 15.4, WebKit 16614.1.1.5)

---

<svg viewBox="0 0 50 50" width="500" height="500" xmlns="http://www.w3.org/2000/svg">
  <line x1="1" y1="1" x2="49" y2="1" stroke-dasharray="1,1" stroke-linecap="round" stroke-width="1" stroke="#000000"></line>
  <line x1="1" y1="11" x2="49" y2="11" stroke-dasharray="0.5,1.5" stroke-linecap="round" stroke-width="1" stroke="#000000"></line>

  <!-- these last two should look identical, but they are quite different in Safari -->
  <line x1="1" y1="21" x2="49" y2="21" stroke-dasharray="0.001,1.999" stroke-linecap="round" stroke-width="1" stroke="#000000"></line>
  <line x1="1" y1="31" x2="49" y2="31" stroke-dasharray="0,2" stroke-linecap="round" stroke-width="1" stroke="#000000"></line>
</svg>

[Radar WebKit Bug Importer]

<rdar://problem/89254117>

[Simon Fraser (smfr)]

This is a bug in an underlying graphics framework, and will be tracked by the above radar.

[Brent Fulgham]

We believe the fix for this is available in macOS Ventura Beta 1 (and newer).