fix(input): Fix input errors CSS to properly display.

src/components/input/demoErrors/index.html

@@ -35,7 +35,7 @@
  <md-input-container class="md-block">
  <label>Hourly Rate (USD)</label>
  <input required type="number" step="any" name="rate" ng-model="project.rate" min="800"
- max="4999" ng-pattern="/^1234$/" md-maxlength="20" />
+ max="4999" ng-pattern="/^1234$/" />
 
  <div ng-messages="projectForm.rate.$error" multiple md-auto-hide="false">
  <div ng-message="required">

src/components/input/input.scss

@@ -250,8 +250,18 @@ md-input-container {
  }
  }
 
+ // Note: This is a workaround to fix an ng-enter flicker bug
+ .md-auto-hide {
+ .md-input-message-animation {
+ &:not(.ng-animate) {
+ opacity: 0;
+ margin-top: -100px;
+ }
+ }
+ }
+
  .md-input-message-animation {
- &.ng-enter, &:not(.ng-animate) {
+ &.ng-enter {
  opacity: 0;
  margin-top: -100px;
  }