From 84080d4a5bbc26ea0e5777890b78f461659e36a3 Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.mtza@gmail.com>
Date: Mon, 30 Oct 2017 12:46:04 +0100
Subject: [PATCH] fix(menu): animation matches MD

---
 .../core/src/components/menu/animations/base.ts     | 13 ++++---------
 packages/core/src/components/menu/menu.tsx          |  2 +-
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/core/src/components/menu/animations/base.ts b/packages/core/src/components/menu/animations/base.ts
index 3f2d2a4c81..9050aba4db 100644
--- a/packages/core/src/components/menu/animations/base.ts
+++ b/packages/core/src/components/menu/animations/base.ts
@@ -10,16 +10,11 @@ export default function baseAnimation(Animation: Animation): Animation {
   // https://material.io/guidelines/motion/movement.html#movement-movement-in-out-of-screen-bounds
   // https://material.io/guidelines/motion/duration-easing.html#duration-easing-natural-easing-curves
 
-  /** TODO replace duration(280ms)
-   * - Mobile entering time: 225ms
-   * - Mobile leaving time: 195ms
-   *
-   * - Tablet time = Mobile time * 1.3 (+30%)
-   * - Tablet entering time: 292.5
-   * - Tablet leaving time: 253.5
-   */
+  // "Apply the sharp curve to items temporarily leaving the screen that may return
+  // from the same exit point. When they return, use the deceleration curve. On mobile,
+  // this transition typically occurs over 300ms" -- MD Motion Guide
   return new Animation()
     .easing('cubic-bezier(0.0, 0.0, 0.2, 1)') // Deceleration curve (Entering the screen)
     .easingReverse('cubic-bezier(0.4, 0.0, 0.6, 1)') // Sharp curve (Temporarily leaving the screen)
-    .duration(280);
+    .duration(300);
 }
diff --git a/packages/core/src/components/menu/menu.tsx b/packages/core/src/components/menu/menu.tsx
index a3c1b5fdad..4b811c8aa1 100644
--- a/packages/core/src/components/menu/menu.tsx
+++ b/packages/core/src/components/menu/menu.tsx
@@ -332,7 +332,7 @@ export class Menu {
     let realDur = 0;
     if (missingDistance > 5) {
       const dur = missingDistance / Math.abs(velocity);
-      realDur = Math.min(dur, 380);
+      realDur = Math.min(dur, 300);
     }
 
     this.lastOnEnd = detail.timeStamp;