1411961 - Animation of box-shadow has visual artifact

Status: RESOLVED DUPLICATE of bug 1411693

(Core :: Graphics: WebRender, defect)

Description

[Kartikaya Gupta (email:[e-mail])]

Attachment: Visual glitch

OS X, latest 58 nightly. I have webrender and retained display lists enabled.

Go to https://hpl.bibliocommons.com/ and put focus in the search input field at the top of the page. There is a little animation that adds a box-shadow on the input field. However during the animation there is a visual glitch with a solid line appearing at the edge of the box-shadow as it expands.

This doesn't happen on 57beta (no webrender or retained display lists). I'm attaching a screen recording of the effect taken with QuickTime.

It's possible to make the glitch more apparent by slowing down the animation (use devtools inspector on the input element, the animation is specified by the 'transition' property in the .form_control block).

Comment 1

[Kartikaya Gupta (email:[e-mail])]

Attachment: Visual glitch (with animation slowed down to 1s via devtools)

Better video, it's more obvious with the animation slowed down.

Comment 2

[Kartikaya Gupta (email:[e-mail])]

Verified that it happens with retained display-lists turned off as well.

Comment 3

[Darkspirit]

This is a duplicate of bug 1411693.

Comment 4

[Kartikaya Gupta (email:[e-mail])]

Ah, so it is, thanks!