[Webkit-unassigned] [Bug 272888] Origin for clip-path: xywh shape is not aligned to the element

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Apr 22 12:05:13 PDT 2024


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

--- Comment #2 from bart at tremby.net ---
Apologies, I must have neglected to hit save after finishing it.

I've updated it; please look again, or here's the contents showing the issue (it shows the full element with the whole thick black border in Firefox and other browsers, and it's clipped incorrectly on Safari):

<div>
  <p>
    Line 1: 1 2 3 4 5 6 7 8 9 10
  </p>
  <p>
    Line 2: 1 2 3 4 5 6 7 8 9 10
  </p>
</div>

---

html, body { margin: 0; padding: 0; }
div {
  background-color: #ccc;
  border: 10px solid black;
  clip-path: xywh(0 0 100% 100%);
  width: 20em;
  margin-top: 30px;
  margin-left: 10px;
}

---

You'll find if you manipulate the margin that the clip path seems to be anchored to the viewport corner rather than the element corner.

-- 
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/20240422/7b89d11c/attachment.htm>


More information about the webkit-unassigned mailing list