adobe
diff --git a/‎src/extensions/default/InlineTimingFunctionEditor/BezierCurveEditor.js
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions b/‎src/extensions/default/InlineTimingFunctionEditor/BezierCurveEditor.js
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions
diff --git a/‎src/extensions/default/InlineTimingFunctionEditor/BezierCurveEditorTemplate.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎src/extensions/default/InlineTimingFunctionEditor/BezierCurveEditorTemplate.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/extensions/default/InlineTimingFunctionEditor/InlineTimingFunctionEditor.js
Copy file name to clipboard
+7-4Lines changed: 7 additions & 4 deletions b/‎src/extensions/default/InlineTimingFunctionEditor/InlineTimingFunctionEditor.js
Copy file name to clipboard
+7-4Lines changed: 7 additions & 4 deletions
diff --git a/‎src/extensions/default/InlineTimingFunctionEditor/StepEditor.js
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions b/‎src/extensions/default/InlineTimingFunctionEditor/StepEditor.js
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions
diff --git a/‎src/extensions/default/InlineTimingFunctionEditor/StepEditorTemplate.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎src/extensions/default/InlineTimingFunctionEditor/StepEditorTemplate.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
@@ -530,6 +530,15 @@ define(function (require, exports, module) {
         // current cubic-bezier() function params
         this._cubicBezierCoords = this._getCubicBezierCoords(bezierCurve);
 
+        this.hint = $(".hint", this.$element);
+        // If function was auto-corrected, then originalString holds the original function,
+        // and an informational message needs to be shown
+        if (bezierCurve.originalString) {
+            TimingFunctionUtils.showHideHint(this, true, bezierCurve.originalString, "cubic-bezier(" + this._cubicBezierCoords.join(", ") + ")");
+        } else {
+            TimingFunctionUtils.showHideHint(this, false);
+        }
+
         this.P1 = this.$element.find(".P1")[0];
         this.P2 = this.$element.find(".P2")[0];
         this.curve = this.$element.find(".curve")[0];
@@ -602,6 +611,7 @@ define(function (require, exports, module) {
             this._cubicBezierCoords[2] + ", " +
             this._cubicBezierCoords[3] + ")";
         this._callback(bezierCurveVal);
+        TimingFunctionUtils.showHideHint(this, false);
     };
 
     /**
@@ -684,6 +694,13 @@ define(function (require, exports, module) {
     BezierCurveEditor.prototype.handleExternalUpdate = function (bezierCurve) {
         this._cubicBezierCoords = this._getCubicBezierCoords(bezierCurve);
         this._updateCanvas();
+        // If function was auto-corrected, then originalString holds the original function,
+        // and an informational message needs to be shown
+        if (bezierCurve.originalString) {
+            TimingFunctionUtils.showHideHint(this, true, bezierCurve.originalString, "cubic-bezier(" + this._cubicBezierCoords.join(", ") + ")");
+        } else {
+            TimingFunctionUtils.showHideHint(this, false);
+        }
     };
 
 
 
@@ -9,6 +9,7 @@
         </div>
         <div class="info">
             <p>{{{BEZIER_EDITOR_INFO}}}</p>
+            <div class="hint"></div>
         </div>
     </div>
 </div>
@@ -121,17 +121,19 @@ define(function (require, exports, module) {
         // instead of two bookmarks to track the range. (In our current old version of
         // CodeMirror v2, markText() isn't robust enough for this case.)
         var line = this.hostEditor.document.getLine(start.line),
-            matches = TimingFunctionUtils.timingFunctionMatch(line.substr(start.ch), true);
+            matches = TimingFunctionUtils.timingFunctionMatch(line.substr(start.ch), true),
+            originalLength;
 
         // No longer have a match
         if (!matches) {
             return null;
         }
 
+        originalLength = ((matches.originalString && matches.originalString.length) || matches[0].length);
         // Note that end.ch is exclusive, so we don't need to add 1 before comparing to
         // the matched length here.
-        if (end.ch === undefined || (end.ch - start.ch) !== matches[0].length) {
-            end.ch = start.ch + matches[0].length;
+        if (end.ch === undefined || (end.ch - start.ch) !== originalLength) {
+            end.ch = start.ch + originalLength;
             this._endBookmark.clear();
             this._endBookmark = this.hostEditor._codeMirror.setBookmark(end);
         }
@@ -143,7 +145,8 @@ define(function (require, exports, module) {
             return {
                 start: start,
                 end:   end,
-                match: matches
+                match: matches,
+                originalLength: originalLength
             };
         }
     };
 
@@ -310,6 +310,15 @@ define(function (require, exports, module) {
         // current step function params
         this._stepParams = this._getStepParams(stepMatch);
 
+        this.hint = $(".hint", this.$element);
+        // If function was auto-corrected, then originalString holds the original function,
+        // and an informational message needs to be shown
+        if (stepMatch.originalString) {
+            TimingFunctionUtils.showHideHint(this, true, stepMatch.originalString, "steps(" + this._stepParams.count.toString() + ", " + this._stepParams.timing + ")");
+        } else {
+            TimingFunctionUtils.showHideHint(this, false);
+        }
+
         this.canvas = this.$element.find(".steps")[0];
 
         this.canvas.stepEditor = this;
@@ -355,6 +364,7 @@ define(function (require, exports, module) {
             this._stepParams.count.toString() + ", " +
             this._stepParams.timing + ")";
         this._callback(stepFuncVal);
+        TimingFunctionUtils.showHideHint(this, false);
     };
 
     /**
@@ -423,6 +433,13 @@ define(function (require, exports, module) {
     StepEditor.prototype.handleExternalUpdate = function (stepMatch) {
         this._stepParams = this._getStepParams(stepMatch);
         this._updateCanvas();
+        // If function was auto-corrected, then originalString holds the original function,
+        // and an informational message needs to be shown
+        if (stepMatch.originalString) {
+            TimingFunctionUtils.showHideHint(this, true, stepMatch.originalString, "steps(" + this._stepParams.count.toString() + ", " + this._stepParams.timing + ")");
+        } else {
+            TimingFunctionUtils.showHideHint(this, false);
+        }
     };
 
 
 
@@ -5,6 +5,7 @@
         </div>
         <div class="info">
             <p>{{{STEPS_EDITOR_INFO}}}</p>
+            <div class="hint"></div>
         </div>
     </div>
 </div>