Bug 179333 – Hairline pixel crack around background-clip: text

• Component: Layout and Rendering
• Status: RESOLVED FIXED

[Myles C. Maxfield]

Created attachment 326134 [details]
Screenshot

See screenshot. Retina screen 17B48 system Safari

div {
  background: linear-gradient(to bottom, red, blue);
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0,0,0,0.25);
  font-size: 30px; font-weight: bold;
}

u {
  text-decoration: overline underline;
}

<div>
a<u>b</u>c
</div>

[Radar WebKit Bug Importer]

<rdar://problem/72094171>

[Simon Fraser (smfr)]

Created attachment 415652 [details]
Left side hairline

[Matt Glaman]

Created attachment 415655 [details]
Screenshot with hairline from example

on macOS Catalina with Safari Version 14.0 (15610.1.28.1.9, 15610) it is visible immediately.

on macOS Big Sur with Safari 14.0.1 (16610.2.11.51.8) I needed to Zoom (CMD +) at various levels and it would appear.

[Simon Fraser (smfr)]

*** Bug 236358 has been marked as a duplicate of this bug. ***

[Simon Fraser (smfr)]

*** Bug 200705 has been marked as a duplicate of this bug. ***

[Simon Fraser (smfr)]

<rdar://54325642>

[Simon Fraser (smfr)]

Pull request: https://github.com/WebKit/WebKit/pull/13289

[EWS]

Committed 263526@main (ccbeb1e341f1): <https://commits.webkit.org/263526@main>

Reviewed commits have been landed. Closing PR #13289 and removing active labels.