fix(menu-surface): Correct open animation issue (#4371)

(cherry picked from commit ed4c945)

Author: jamesmfriedman

packages/mdc-menu-surface/_mixins.scss

@@ -112,6 +112,12 @@
     z-index: $mdc-menu-surface-z-index;
   }
 
+  @include mdc-feature-targets($feat-animation) {
+    transition:
+      opacity $mdc-menu-surface-fade-in-duration linear,
+      transform $mdc-menu-surface-scale-duration $mdc-animation-deceleration-curve-timing-function;
+  }
+
   &:focus {
     @include mdc-feature-targets($feat-structure) {
       outline: none;
@@ -133,12 +139,6 @@
       transform: scale(.8);
       opacity: 0;
     }
-
-    @include mdc-feature-targets($feat-animation) {
-      transition:
-        opacity $mdc-menu-surface-fade-in-duration linear,
-        transform $mdc-menu-surface-scale-duration $mdc-animation-deceleration-curve-timing-function;
-    }
   }
 
   &--animating-closed {