Closed Bug 1776382 Opened 3 years ago Closed 2 years ago

Icon to open timing-function editor not displayed when using `linear()` function in `animation-timing-function` property

Categories

(DevTools :: Inspector: Rules, enhancement)

enhancement

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 1773549

People

(Reporter: nchevobbe, Unassigned)

References

Details

(Whiteboard: dt-platform-impact)

Attachments

(1 file)

Attached image timing function editor

Steps to reproduce

  1. Go to about:config
  2. Search for layout.css.linear-easing-function.enabled and set it to true
  3. Navigate to https://ffx-devtools-linear-animation-timing-function.glitch.me/
  4. Open the inspector
  5. Inspect the div under linear()
  6. Check that the following property is applied animation-timing-function: linear(0, 0.7, 0.2, 0.98, 1);

Expected results

There should be an icon before the value so the user can open the timing-function editor, like we have for cubic-bezier (see attached screenshot)

Actual results

No icon is displayed


Note that we should also need to see what would be the impact on the editor, as it's only managing bezier curves at the moment

On a positive note, it looks like the "curve" displayed in the animation panel is correctly displayed.

Whiteboard: dt-platform-impact
Type: defect → enhancement

Is this a duplicate of bug 1773549?

Flags: needinfo?(nchevobbe)

(In reply to Mathew Hodson from comment #1)

Is this a duplicate of bug 1773549?

indeed, let me close this one

Status: NEW → RESOLVED
Closed: 2 years ago
Duplicate of bug: 1773549
Flags: needinfo?(nchevobbe)
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: