fix toolbar title flickr

ionic/components/app/mixins/util.scss

@@ -1,6 +1,14 @@
 
 // Util Mixins/Functions
 
+// Appearance (not a CSS standard, does not autoprefix)
+// --------------------------------------------------
+
+@mixin appearance($val) {
+  -webkit-appearance: $val;
+  -moz-appearance: $val;
+}
+
 
 // String Replace Function
 // --------------------------------------------------

ionic/components/app/util.scss

@@ -95,6 +95,6 @@ $content-padding:    10px !default;
 // http://davidwalsh.name/detect-node-insertion
 
 @keyframes nodeInserted {
-  from { opacity: 0.99; }
-  to { opacity: 1; }
+  from { transform: scale(0.999); }
+  to { transform: scale(1); }
 }

ionic/components/button/button.scss

@@ -36,7 +36,7 @@ $button-small-icon-size:          2.1rem !default;
   margin: $button-margin;
   line-height: 1;
 
-  appearance: none;
+  @include appearance(none);
 
   vertical-align: top; // the better option for most scenarios
   vertical-align: -webkit-baseline-middle; // the best for those that support it

ionic/components/form/form.scss

@@ -48,7 +48,7 @@ textarea {
   input {
     border-radius: 0;
     flex: 1 220px;
-    appearance: none;
+    @include appearance(none);
     margin: 0;
     padding-right: 24px;
     background-color: transparent;
@@ -66,7 +66,7 @@ textarea {
   .button-bar {
     border-radius: 0;
     flex: 1 0 220px;
-    appearance: none;
+    @include appearance(none);
   }
 
   .icon {

ionic/components/form/input/input.scss

@@ -21,7 +21,7 @@ ion-input {
     border-radius: 0;
 
     flex: 1 220px;
-    appearance: none;
+    @include appearance(none);
 
     margin: 0;
     padding-right: 24px;

ionic/components/search-bar/search-bar.scss

@@ -26,7 +26,7 @@ $search-bar-min-height:         44px !default;
   height: 100%;
   border: none;
   font-family: inherit;
-  appearance: none;
+  @include appearance(none);
 }
 
 .search-bar-cancel {

ionic/components/toolbar/toolbar.js

@@ -36,10 +36,10 @@ export class Toolbar {
     this.config = Toolbar.config.invoke(this);
 
     // http://davidwalsh.name/detect-node-insertion
-    this.domElement.addEventListener("animationstart", (ev) => {
-      ev.stopPropagation();
+    dom.animationStart(this.domElement, 'nodeInserted').then(() => {
       this.alignTitle();
     });
+
   }
 
   alignTitle() {

ionic/components/toolbar/toolbar.scss

@@ -51,7 +51,7 @@ ion-title {
   display: block;
 
   // used to notify JS when the title has been rendered
-  animation-duration: 0.001s;
+  animation-duration: 1ms;
   animation-name: nodeInserted;
 }