Bug 154736

Summary:	Web Inspector: Transition cutom bezier curve editor does not reflect transition duration
Product:	WebKit	Reporter:	Timothy Hatcher <timothy>
Component:	Web Inspector	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	graouts, hi, inspector-bugzilla-changes, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	WebKit Local Build
Hardware:	All
OS:	All

Description Timothy Hatcher 2016-02-26 10:53:36 PST

While nice for a general sense of the curve the transition preview the duration of the preview seems fixed; it is the same regardless of what value I have set for the transition.

I can understand if the intent is for this dialog to be specifically about the curve out of the context of the animation but it would be nice if the actual curve and duration were represented somewhere.

<rdar://problem/24861632>

Comment 1 Devin Rousso 2016-02-26 13:16:37 PST

(In reply to comment #0)
> While nice for a general sense of the curve the transition preview the
> duration of the preview seems fixed; it is the same regardless of what value
> I have set for the transition.

It is fixed to 250ms (UserInterface/Views/BezierEditor.css:55).

> I can understand if the intent is for this dialog to be specifically about
> the curve out of the context of the animation but it would be nice if the
> actual curve and duration were represented somewhere.

So would something similar to how the gradient editor has an "Angle" input, have a duration input to change how long it takes?  Or are you thinking more on the lines of just picking up the duration (if set) from the CSS property and using that as the timing for the preview?

Comment 2 Timothy Hatcher 2016-02-26 14:12:44 PST

(In reply to comment #1)
> (In reply to comment #0)
> > I can understand if the intent is for this dialog to be specifically about
> > the curve out of the context of the animation but it would be nice if the
> > actual curve and duration were represented somewhere.
> 
> So would something similar to how the gradient editor has an "Angle" input,
> have a duration input to change how long it takes?  Or are you thinking more
> on the lines of just picking up the duration (if set) from the CSS property
> and using that as the timing for the preview?

This was an internal report, not by me. I think he intended it to pick up the duration from the element (likely from computed style, since it could come from anywhere). It is more difficult to do when multiple transition-durations are set, in a comma separated form.