mix-blend-mode and border-radius can't be used together
Categories
(Core :: Graphics: WebRender, defect)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox-esr102 | --- | unaffected |
| firefox105 | --- | wontfix |
| firefox106 | --- | fixed |
| firefox107 | --- | fixed |
People
(Reporter: g.stalder26, Assigned: gw)
References
(Regression)
Details
(Keywords: regression)
Attachments
(1 file)
|
43.48 KB,
image/png
|
Details |
mix-blend-mode-bug.png
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0
Steps to reproduce:
To reproduce, just combine border-radius and mix-blend-mode in a css style, e.g.:
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<style type="text/css">
.test {
position: absolute;
width: 300px;
height: 300px;
background: rgba(63, 136, 143);
border-radius: 10%;
mix-blend-mode: multiply;
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
Actual results:
In Version 105.0.1, the edges are rendered correctly and are not affected by the border-radius property. Versions >= 105.1 are affected.
Expected results:
The edges respond correctly to the border-radius property even when using mix-blend-mode.
|
||
Updated•2 years ago
|
|
||
Updated•2 years ago
|
|
|
||
Comment 1•2 years ago
|
||
:gw, since you are the author of the regressor, bug 1779952, could you take a look? Also, could you set the severity field?
For more information, please visit auto_nag documentation.
|
|
||
Comment 2•2 years ago
|
||
The bug has a release status flag that shows some version of Firefox is affected, thus it will be considered confirmed.
|
Assignee | |
Updated•2 years ago
|
|
|
Assignee | |
Comment 4•2 years ago
|
||
The comment says Versions >= 105.1 are affected. so I assume it's not fixed for 106? Or did I miss a comment elsewhere?
|
||
Comment 5•2 years ago
|
||
This was fixed by bug 1787089 from my testing.
|
|
||
Comment 7•2 years ago
|
||
Set release status flags based on info from the regressing bug 1779952
|
||
Updated•2 years ago
|
|
||
Updated•2 years ago
|
Description
•