Supress animation by default apart from error messages

mchapman · mchapman · commit 0a4c75a5b7b1 · 2019-09-12T22:43:15.000Z
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "author": "Mark Chapman <support@forms-angular.org>",
   "description": "A form builder that sits on top of Angular.js, Twitter Bootstrap, jQuery UI, Angular-UI, Express and Mongoose.  Opinionated or what?",
   "homepage": "http://forms-angular.org",
-  "version": "0.12.0-beta.47",
+  "version": "0.12.0-beta.48",
   "engines": {
     "node": ">=8.x",
     "npm": ">=5.x"
diff --git a/src/client/less/forms-angular-bs-common.less b/src/client/less/forms-angular-bs-common.less
@@ -211,6 +211,12 @@ button#saveButton[disabled]:hover + #why-disabled.showwhy {
   top: 22px;
 }
 
+.ng-animate {
+  // Turn animation off as it interferes with some existing code when (for instance) switching views
+  // The phase gets set to "ready" even though there are potentially multiple views on the screen
+  animation-duration: 0s;
+}
+
 #display-error {
   position: fixed;
   top: 60px;
@@ -221,7 +227,7 @@ button#saveButton[disabled]:hover + #why-disabled.showwhy {
 #display-error.ng-hide {
   opacity: 0;
 }
-#display-error.ng-hide-add,
+#display-error.ng-hide-add,         // animate the error display
 #display-error.ng-hide-remove {
   transition: all linear 0.5s;
 }
