[Webkit-unassigned] [Bug 277624] New: Bug Report: Masked Curved Line Rendering Issue in Safari 17.5

[bugzilla-daemon at webkit.org]

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

            Bug ID: 277624
           Summary: Bug Report: Masked Curved Line Rendering Issue in
                    Safari 17.5
           Product: WebKit
           Version: Safari 17
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: namhoang1295 at gmail.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Created attachment 472061

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

The screenshot to demo what I mean

Hi WebKit Team,

I am experiencing an issue with Safari 17.5 where a curved line rendered using the C command in an SVG path is cut off when a mask is applied. The problem occurs under specific conditions with certain path coordinates.

Issue Details:

- The curved line is cut off when using the mask.
- The issue disappears if the mask is removed.
- Modifying the cubic path coordinates slightly (e.g., changing from -140.0679 to -140.0678) resolves the rendering problem.

```
<style>
  .line {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    min-height: 1px;
    min-width: 1px;
    stroke: red;
    fill: red;
  }
</style>

<svg class="line" style="top: 50px; left: 50px;">
  <defs>
    <mask id="__id121" maskUnits="userSpaceOnUse" x="-8" y="-8" width="266" height="457">
      <rect x="-8" y="-8" width="266" height="457" fill="white"/>
    </mask>
  </defs>
  <g>
    <path mask="url(#__id121)"
      d="M3,440.1129 C191,-140.0679 270,-141.36806 240,436.2124"
      stroke-linecap="butt" stroke-width="8" fill="none"
    />
  </g>
</svg>

<svg class="line" style="top: 50px; left: 650px;">
  <defs>
    <mask id="__id123" maskUnits="userSpaceOnUse" x="-8" y="-8" width="266" height="457">
      <rect x="-8" y="-8" width="266" height="457" fill="white"/>
    </mask>
  </defs>
  <g>
    <path mask="url(#__id123)"
      d="M3,440.1129 C191,-140.0678 270,-141.36806 240,436.2124"
      stroke-linecap="butt" stroke-width="8" fill="none"
    />
  </g>
</svg>

```
Comparison:

- The first SVG uses the path coordinate -140.0679 and is cut off.
- The second SVG uses the path coordinate -140.0678 and renders correctly.

Could you please investigate this rendering issue?

Thank you for your assistance.

-- 
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/20240805/a2cbb5af/attachment-0001.htm>