1487052 - Transform property in CSS Animation Graph section is underlined by a dotted line

Status: RESOLVED INVALID

(DevTools :: Inspector: Animations, defect)

Description

[Cristian Fogel [:cfogel]]

Attachment: devT_anim_transformUnderlined.png

[Affected versions]:
-63.0a1 (2018-08-28), 62.0b20, 61.0.2, 60.0.2esr 

[Affected platforms]:
- Win 10x64, 

[Steps to reproduce]:
1. Launch Firefox;
2. Access the link bellow;
3. Open DevTools - Inspector - Animations tab;
4. Click on the <ball animated> class;

https://rawgit.com/dadaa/3b73f847427025b51ba1ab7333013d0c/raw/77f3f0bb884875a179c3407f73bf8a8dd54751c9/doc_simple_animation.html


[Expected result]:
- UI is properly displayed;

[Actual result]:
- the transform text in the  CSS Animation Graph section is underlined by a dotted line

[Regression range]:
- last good:  2016-12-06
- first bad: 2016-12-07
- pushlog URL, according to mozregression results:
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=8103c612b79c2587ea4ca1b0a9f9f82db4b185b8&tochange=c401d72933641748f3738e90e7bbe539705e2f1c

[Additional notes]:
- attached screenshot with the issue;
- clicking on <no-compositor> or <endDelayed> classes, the properties displayed do not have the underline; so it would make sense to keep it like that in all the other cases

Comment 1

[Brian Birtles (:birtles)]

The underline is intentional. It tells you you can can hover over it to see the reason why that animation was not run on the compositor. (The cursor should probably change to a pointer, however.)