Open Bug 1545128 Opened 6 years ago Updated 2 years ago

-webkit-background-clip: text fill disappears when translated farther than text bounding box width or height

Categories

(Core :: Web Painting, defect, P3)

defect

Tracking

()

Tracking Status
firefox68 --- affected

People

(Reporter: myf, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: testcase)

Attachments

(3 files, 2 obsolete files)

Attached file interactive testcase (deleted) —

Text painted by -webkit-background-clip: text disappears when translated further than half of its dimension.

Simple static testase:

<!doctype html>
<style>
.t {
  display: inline-block;
  background-image: linear-gradient(to right, red, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  outline: 1px solid red;
  font-size: 100px;
  color: green;
  font-family: monospace;
}
</style>
<p>30px: <span class="t" style="transform: translatex(30px)">a</span>
<p>31px: <span class="t" style="transform: translatex(31px)">a</span>

Only the first span's text is painted (on Windows Courier font, when computed width is 60.0167px; may vary on different platforms).


Original SO question: https://stackoverflow.com/questions/55725461/

Attached file static testcase (obsolete) (deleted) —
Attached image screenshot of static testcase - Nightly 2019-04-17 (obsolete) (deleted) —
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: testcase
Priority: -- → P3
Attached file static testcase (deleted) —

Limit for bug doubled (Version 71.0a1 Build ID 20190925154343)

Attachment #9059006 - Attachment is obsolete: true
Attachment #9059008 - Attachment is obsolete: true
Summary: -webkit-background-clip: text disappears when translated more than by half of text bounding box → -webkit-background-clip: text fill disappears when translated farther than text bounding box width or height

Bump. Running into this issue as well.

just ran into this on 103 :/ any workarounds?

Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: