[Webkit-unassigned] [Bug 248003] New: SVG path artifact showing up along bounding box

Wed Nov 16 17:29:29 PST 2022

https://bugs.webkit.org/show_bug.cgi?id=248003

            Bug ID: 248003
           Summary: SVG path artifact showing up along bounding box
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jonathan.olson at colorado.edu
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Created attachment 463562

  --> https://bugs.webkit.org/attachment.cgi?id=463562&action=review

A horizontal black line appears incorrectly above the arrow

Overview: As of Safari 16, visual artifacts (1-pixel wide lines) are showing up as if they are part of a stroked path. This is reproducible, persistent, and appears to happen along the top edge of the bounding box of the path.

Steps to reproduce:

View the following HTML:
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Arrow bug test</title>
</head>
<body>
  <svg focusable="false" width="1502" height="566">
    <g transform="matrix(0.84317049365593055299,0.00000000000000000000,0.00000000000000000000,0.84317049365593055299,319.29670724816355686926,0.00000000000000000000)">
      <g transform="scale(0.80000000000000004441)">
        <path d="M 429.73685877293036128322 152.33263688218951870113 L 475.96967537052415764265 314.78633972164936949412 L 471.16063094948151501740 316.15494914600617448741 L 482.48002585411597920029 328.52916827259900856006 L 485.58776421260949973657 312.04912087293575950753 L 480.77871979156685711132 313.41773029729256450082 L 434.54590319397306075189 150.96402745783271370783 L 429.73685877293036128322 152.33263688218951870113 Z" style="fill: rgb(50,130,215); stroke: rgb(64,64,64);"></path>
      </g>
    </g>
  </svg>
</body>
</html>

Actual results: <attached> (there is a black line above the arrow)

Expected results: There should be no black line along the top. It should just show the arrow

Build Date & Hardware:

macOS 13.0.1
Safari Version 16.1 (18614.2.9.1.12)
Release 157 (Safari 16.4, WebKit 18615.1.11.7)

Additional information:

Discovered in https://github.com/phetsims/geometric-optics-basics/issues/31.

Adding "M0 0" at the end of the SVG path definition seems to prevent the bug from happening.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221117/b6cfac68/attachment-0001.htm>