Open
Bug 1545128
Opened 6 years ago
Updated 5 months 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)
screenshot of static testcase - Nightly 2019-04-17
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/
|
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
|
|
Reporter | |
Comment 7•5 months ago
|
||
As for workarnouds: only known is to replace all "far-reaching" transforms in background-clip: text-ed element trees with a regular position :(
You need to log in
before you can comment on or make changes to this bug.
Description
•