Firefox shows an artifact with rotated elements with css clip-path polygon
Categories
(Core :: Graphics: WebRender, defect)
Tracking
()
People
(Reporter: anders, Unassigned)
Details
Attachments
(2 files)
Screenshot_20230227_173447.png
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/110.0
Steps to reproduce:
I tried to load this HTML in w3school (https://www.w3schools.com/Cssref/tryit.php?filename=trycss_play_rotate):
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color:#E7E9EB;
}
#myDIV {
height:300px;
background-color:#FFFFFF;
padding: 10px;
}
#div1 {
position: relative;
margin: auto;
height: 150px;
width: 200px;
padding: 10px;
border: 1px solid black;
}
#div2 {
width: 100px; height:100px;
clip-path: polygon(50% 0%, 100% 100%, 50% 66%, 0% 100%, 50% 0%);;
background-color: red;
rotate: 65deg;
}
</style>
</head>
<body>
<h1>The rotate property</h1>
<div id="myDIV">
<div id="div1">DIV1
<div id="div2"></div>
</div>
<p>Try "1 1 0 60deg" as value for rotate. The first three values represent a vector for the element to rotate around.</p>
</div>
</body>
</html>
Actual results:
The div2 element displays a dotted border unless rotation is 0, 90, 180 or 270 deg. This does not happen with eg circle or ellipse clippaths.
Expected results:
There shouold not be a dotted border around the div2 element.
|
||
Comment 1•3 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Graphics: WebRender' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
||
Comment 2•3 years ago
|
||
Can you post a screenshot of what it looks like? I don't see a dotted border here
Hi Jeff,
I don't know how to put an image here, so it's in my nextcloud: https://alundnc.dynv6.net/index.php/s/sGnHtEdATSCcFoE
Note the clip-path property in the style.
A note: This does not happen when using the translate css property with rotate() method.
|
|
||
Comment 5•3 years ago
|
||
|
|
||
Comment 6•3 years ago
|
||
Can you also attach the contents of about:support to the bug?
|
|
||
Comment 8•2 years ago
|
||
A needinfo is requested from the reporter, however, the reporter is inactive on Bugzilla. Closing the bug as incomplete.
For more information, please visit BugBot documentation.
Description
•