Closed Bug 1579838 Opened 5 years ago Closed 4 years ago

Blinking in transition effect with switch between border-radius="0" and above "0"

Categories

(Core :: Graphics: WebRender, defect, P3)

Desktop
Windows 10
defect

Tracking

()

RESOLVED DUPLICATE of bug 1600141
Tracking Status
firefox69 --- affected
firefox70 --- affected
firefox71 --- affected

People

(Reporter: mail, Unassigned)

References

Details

Attachments

(3 files)

Attached file test.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:69.0) Gecko/20100101 Firefox/69.0

Steps to reproduce:

Issue affects latest version of Firefox only. In portable Firefox this bug is not appear.

Here's the problem code:

<html>
<head>
<title>Blinking in transition effect with switch between border-radius="0" and above "0"</title>
<style type="text/css">
div.t1{width:100px;height:100px;border:1px solid black;background:gray;transition:all 0.25s ease;border-radius:0px}
div.t2{width:100px;height:100px;border:1px solid gray;background:black;transition:all 0.55s ease;border-radius:5px}
</style>
</head>

<body>
<div class="t1" id="id1" onclick="test(1)"></div><br />
<div class="t1" id="id2" onclick="test(2)"></div>
</body>

<script>
function test(i)
{
if(i==1)
{
document.getElementById("id2").className="t1";
document.getElementById("id1").className="t2";
}
else
{
document.getElementById("id1").className="t1";
document.getElementById("id2").className="t2";
}
}
</script>

</html>

Actual results:

When you switch between divs with square and round corners, div's background twinkles. There was no such issue before this version of browser and in Chrome also all is ok.

Expected results:

Should be smooth transition effect.

Attached image Bug record

As it should be - smooth effect.

Fixed with browser removing and installing again.

Hi @Dmitry, tested the issue on Windows 10 machine (NVIDIA GeForce GT 1030), using FF versions: nightly 71.0a1, beta 70.0b6, release 69.0. On all versions the issue can be reproduced with Webrender on (about:config -> type "gfx.webrender.force-disabled" set to "false")

  • when the Webrender is off ("gfx.webrender.force-disabled" set to "true")= Direct3D 11 (Advanced Layers), the issue won't occur.
    I will set a component, if isn't the right one please fell free to change it.
    Regards,
    Liviu
Status: UNCONFIRMED → NEW
Component: Untriaged → Graphics: WebRender
Ever confirmed: true
OS: Unspecified → Windows 10
Product: Firefox → Core
Hardware: Unspecified → Desktop
Version: 69 Branch → Trunk

The priority flag is not set for this bug.
:jbonisteel, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(jbonisteel)
Blocks: wr-71
Flags: needinfo?(jbonisteel)
Priority: -- → P3

Sotaro, can you reproduce this?

Flags: needinfo?(sotaro.ikeda.g)

(In reply to Jessie [:jbonisteel] plz needinfo from comment #6)

Sotaro, can you reproduce this?

Yes, I could reproduce it on 2 Win10 PCs.

Flags: needinfo?(sotaro.ikeda.g)

Andrew - could you take a look at this?

Flags: needinfo?(aosmond)
Blocks: wr-72
No longer blocks: wr-71
Blocks: wr-73
No longer blocks: wr-72
Flags: needinfo?(aosmond) → needinfo?(aosmond)
Status: NEW → RESOLVED
Closed: 4 years ago
Flags: needinfo?(aosmond)
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: