Open
Bug 1481498
Opened 5 years ago
Updated 8 months ago
background-clip with multiple values fails when one value is text
Categories
(Core :: Web Painting, defect, P3)
Tracking
()
NEW
People
(Reporter: ana.tudor.lhnh, Unassigned, NeedInfo)
References
(Blocks 1 open bug)
Details
Attachments
(1 file)
269.33 KB,
image/png
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0 Build ID: 20180621125625 Steps to reproduce: 1. Create a div. 2. Set two backgrounds on it: background: linear-gradient(thistle, purple), linear-gradient(brown, lemonchiffon); 3. Make the text transparent and set background-clip: text, border-box Actual results: The background-clip gets ignored (live test https://codepen.io/thebabydino/pen/yEKBJx ). Expected results: The background layer above should be clipped to the text. This is what happens in Chrome and Edge.
Comment 1•5 years ago
|
||
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:63.0) Gecko/20100101 Firefox/63.0 (20180809101613) I have tested this report using the latest Nightly and Firefox release build on Windows 10 x64 and OS X 10.12. I was able to reproduce the mentioned behavior using the steps above. When loading the provided test case the background layer should be clipped to text. However, this is not happening as it is in Chrome & Edge.
status-firefox61:
--- → affected
status-firefox62:
--- → affected
status-firefox63:
--- → affected
Component: Untriaged → Layout: Text
OS: Unspecified → All
Product: Firefox → Core
Hardware: Unspecified → All
Updated•5 years ago
|
Component: Layout: Text and Fonts → Layout: Web Painting
Priority: -- → P3
Updated•2 years ago
|
Flags: needinfo?(emilio)
Comment 2•11 months ago
|
||
Here as this is still not working in Firefox 103.0b9.
Updated•8 months ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•