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)
Core
Web Painting
Tracking
()
NEW
Tracking | Status | |
---|---|---|
firefox68 | --- | affected |
People
(Reporter: myf, Unassigned)
References
(Blocks 1 open bug)
Details
(Keywords: testcase)
Attachments
(3 files, 2 obsolete files)
Text painted by -webkit-background-clip: text
disappears when translate
d 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/
Reporter | ||
Comment 1•6 years ago
|
||
Reporter | ||
Comment 2•6 years ago
|
||
Updated•6 years ago
|
Updated•6 years ago
|
Priority: -- → P3
Reporter | ||
Comment 3•5 years ago
|
||
Limit for bug doubled (Version 71.0a1 Build ID 20190925154343)
Attachment #9059006 -
Attachment is obsolete: true
Reporter | ||
Comment 4•5 years ago
|
||
Attachment #9059008 -
Attachment is obsolete: true
Reporter | ||
Updated•5 years ago
|
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
Comment 5•4 years ago
|
||
Bump. Running into this issue as well.
Comment 6•2 years ago
|
||
just ran into this on 103 :/ any workarounds?
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•