diff --git a/bower.json b/bower.json
index cda6963..221d6a7 100644
--- a/bower.json
+++ b/bower.json
@@ -21,8 +21,7 @@
   "dependencies": {
     "polymer": "Polymer/polymer#1.9 - 2",
     "iron-behaviors": "PolymerElements/iron-behaviors#1 - 2",
-    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0",
-    "neon-animation": "PolymerElements/neon-animation#1 - 2"
+    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#1 - 2",
@@ -38,8 +37,7 @@
       "dependencies": {
         "polymer": "Polymer/polymer#^1.9",
         "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
-        "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0",
-        "neon-animation": "PolymerElements/neon-animation#^1.0.0"
+        "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0"
       },
       "devDependencies": {
         "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
diff --git a/demo/index.html b/demo/index.html
index 15f7480..e7ea86b 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -19,8 +19,7 @@
   <link rel="import" href="../../iron-image/iron-image.html">
   <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
   <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
-  <link rel="import" href="../../neon-animation/web-animations.html">
-
+  
   <link rel="import" href="x-select.html">
 
   <custom-style><style is="custom-style" include="demo-pages-shared-styles">
diff --git a/demo/x-select.html b/demo/x-select.html
index 3944411..ce3444d 100644
--- a/demo/x-select.html
+++ b/demo/x-select.html
@@ -9,8 +9,6 @@
 -->
 
 <link rel="import" href="../iron-dropdown.html">
-<link rel="import" href="../../neon-animation/neon-animations.html">
-<link rel="import" href="grow-height-animation.html">
 
 <dom-module id="x-select">
   <template>
diff --git a/iron-dropdown-scroll-manager-extra.d.ts b/iron-dropdown-scroll-manager-extra.d.ts
deleted file mode 100644
index 1dd002c..0000000
--- a/iron-dropdown-scroll-manager-extra.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare namespace Polymer {
-  /**
-   * IronDropdownScrollManager is deprecated, use IronScrollManager instead.
-   */
-  const IronDropdownScrollManager: typeof Polymer.IronScrollManager;
-}
diff --git a/iron-dropdown-scroll-manager.d.ts b/iron-dropdown-scroll-manager.d.ts
index 9030aec..7ad518a 100644
--- a/iron-dropdown-scroll-manager.d.ts
+++ b/iron-dropdown-scroll-manager.d.ts
@@ -8,6 +8,6 @@
  *   iron-dropdown-scroll-manager.html
  */
 
-/// <reference path="../iron-overlay-behavior/iron-scroll-manager.d.ts" />
+/// <reference path="bower_components\iron-overlay-behavior\iron-scroll-manager.d.ts" />
 /// <reference path="iron-dropdown-scroll-manager-extra.d.ts" />
 
diff --git a/iron-dropdown.d.ts b/iron-dropdown.d.ts
index c49bff8..0ce408c 100644
--- a/iron-dropdown.d.ts
+++ b/iron-dropdown.d.ts
@@ -8,10 +8,9 @@
  *   iron-dropdown.html
  */
 
-/// <reference path="../polymer/types/polymer.d.ts" />
-/// <reference path="../iron-behaviors/iron-control-state.d.ts" />
-/// <reference path="../iron-overlay-behavior/iron-overlay-behavior.d.ts" />
-/// <reference path="../neon-animation/neon-animation-runner-behavior.d.ts" />
+/// <reference path="bower_components\polymer\polymer.d.ts" />
+/// <reference path="bower_components\iron-behaviors\iron-control-state.d.ts" />
+/// <reference path="bower_components\iron-overlay-behavior\iron-overlay-behavior.d.ts" />
 /// <reference path="iron-dropdown-scroll-manager.d.ts" />
 
 /**
@@ -37,7 +36,7 @@
  * hidden until the dropdown element has `opened` set to true, or when the `open`
  * method is called on the element.
  */
-interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState, Polymer.IronA11yKeysBehavior, Polymer.IronOverlayBehavior, Polymer.NeonAnimationRunnerBehavior {
+interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState, Polymer.IronA11yKeysBehavior, Polymer.IronOverlayBehavior {
 
   /**
    * The orientation against which to align the dropdown content
@@ -69,6 +68,22 @@ interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState,
    */
   closeAnimationConfig: object|null|undefined;
 
+  /**
+   * The animation that will be played on open.  This replaces the
+   * deprecated openAnimationConfig.  Entries here will override the
+   * animationConfig settings.  You can enter your own animation
+   * by setting it to the css class name.
+   */
+  openAnimation: string|null|undefined;
+
+  /**
+   * The animation that will be played on close.  This replaces the
+   * deprecated closeAnimationConfig.  Entries here will override the
+   * animationConfig settings.  You can enter your own animation
+   * by setting it to the css class name.
+   */
+  closeAnimation: string|null|undefined;
+
   /**
    * If provided, this will be the element that will be focused when
    * the dropdown opens.
@@ -120,20 +135,31 @@ interface IronDropdownElement extends Polymer.Element, Polymer.IronControlState,
    * Apply focus to focusTarget or containedElement
    */
   _applyFocus(): void;
+  _addListeners(): void;
+  _removeListeners(): void;
 
   /**
-   * Called when animation finishes on the dropdown (when opening or
-   * closing). Responsible for "completing" the process of opening or
-   * closing the dropdown by positioning it or setting its display to
-   * none.
+   * Constructs the final animation config using deprecated neon-animation
+   * design.  New method is to use openAnimation and closeAnimation which
+   * directly selects animation.
+   * This work-around is restricted to one animation and if a value is found
+   * writes the value found into the openAnimation.
    */
-  _onNeonAnimationFinish(): void;
+  _updateAnimationConfig(): void;
 
   /**
-   * Constructs the final animation config from different properties used
-   * to configure specific parts of the opening and closing animations.
+   * Replaces Neon-Animation playAnimation - just calls show and hide.
+   *
+   * @param type Either `open` or `close`
    */
-  _updateAnimationConfig(): void;
+  playAnimation(type: string): void;
+  _openAnimation(): void;
+  _closeAnimation(): void;
+
+  /**
+   * Cancels the animation and either fully open or fully close's iron-dropdown
+   */
+  cancelAnimation(): void;
 
   /**
    * Updates the overlay position based on configured horizontal
diff --git a/iron-dropdown.html b/iron-dropdown.html
index 88985d7..c1c6c70 100644
--- a/iron-dropdown.html
+++ b/iron-dropdown.html
@@ -11,7 +11,6 @@
 <link rel="import" href="../polymer/polymer.html">
 <link rel="import" href="../iron-behaviors/iron-control-state.html">
 <link rel="import" href="../iron-overlay-behavior/iron-overlay-behavior.html">
-<link rel="import" href="../neon-animation/neon-animation-runner-behavior.html">
 <!--TODO remove this import -->
 <link rel="import" href="iron-dropdown-scroll-manager.html">
 
@@ -46,6 +45,13 @@
     <style>
       :host {
         position: fixed;
+        animation-duration: 500ms;
+        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+      }
+
+      .fix-max-height {
+        max-height: inherit !important;
+        height: inherit;
       }
 
       #contentWrapper ::slotted(*) {
@@ -55,6 +61,73 @@
       #contentWrapper.animating ::slotted(*) {
         overflow: hidden;
         pointer-events: none;
+        max-height: inherit !important;
+        height: inherit;
+      }
+
+      .cancel-animation {
+        animation-delay: -30s !important;
+      }
+
+      @keyframes fade-in-animation {
+        from {
+          opacity: 0;
+        }
+      }
+
+      .fade-out-animation {
+        animation-name: fade-out-animation;
+      }
+
+      @keyframes fade-out-animation {
+        to {
+          opacity: 0;
+        }
+      }
+
+      .scale-up-animation {
+        animation-name: scale-up-animation;
+      }
+
+      @keyframes scale-up-animation {
+        from {
+          transform: scale(0.0);
+        }
+      }
+
+      .scale-down-animation {
+        animation-name: scale-down-animation;
+      }
+
+      @keyframes scale-down-animation {
+        to {
+          transform: scale(0.0);
+        }
+      }
+
+      .expand-animation {
+        animation-name: expand-animation;
+      }
+
+      @keyframes expand-animation {
+        from {
+          max-height: calc(var(--animation-height) / 2);
+        }
+        to {
+          max-height: var(--animation-height);
+        }
+      }
+
+      .animation-open {
+        animation-name: var(--animation-open-names);
+        animation-duration: var(--animation-open-durations);
+        animation-delay: var(--animation-open-delays);
+      }
+
+      .animation-close {
+        animation-name: var(--animation-close-names);
+        animation-duration: var(--animation-close-durations);
+        animation-delay: var(--animation-close-delays);
       }
     </style>
 
@@ -64,7 +137,7 @@
   </template>
 
   <script>
-    (function() {
+    (function () {
       'use strict';
 
       Polymer({
@@ -73,8 +146,7 @@
         behaviors: [
           Polymer.IronControlState,
           Polymer.IronA11yKeysBehavior,
-          Polymer.IronOverlayBehavior,
-          Polymer.NeonAnimationRunnerBehavior
+          Polymer.IronOverlayBehavior
         ],
 
         properties: {
@@ -105,6 +177,7 @@
            * opening of the dropdown. Pass an Array for multiple animations.
            * See `neon-animation` documentation for more animation configuration
            * details.
+           * @deprecated neon-animation has been deprecated.  See openAnimation for replacement.
            */
           openAnimationConfig: {
             type: Object
@@ -115,11 +188,33 @@
            * closing of the dropdown. Pass an Array for multiple animations.
            * See `neon-animation` documentation for more animation configuration
            * details.
+           * @deprecated neon-animation has been deprecated.  See closeAnimation for replacement.
            */
           closeAnimationConfig: {
             type: Object
           },
 
+          /**
+           * The animation that will be played on open.  This replaces the
+           * deprecated openAnimationConfig.  Entries here will override the 
+           * animationConfig settings.  You can enter your own animation
+           * by setting it to the css class name.
+           */
+          openAnimation: {
+            type: String,
+            value: ""
+          },
+          /**
+           * The animation that will be played on close.  This replaces the
+           * deprecated closeAnimationConfig.  Entries here will override the 
+           * animationConfig settings.  You can enter your own animation
+           * by setting it to the css class name.
+           */
+          closeAnimation: {
+            type: String,
+            value: ""
+          },
+
           /**
            * If provided, this will be the element that will be focused when
            * the dropdown opens.
@@ -153,7 +248,7 @@
         },
 
         listeners: {
-          'neon-animation-finish': '_onNeonAnimationFinish'
+          'webkitAnimationEnd': '_onAnimationEnd',
         },
 
         observers: [
@@ -173,7 +268,7 @@
           }
         },
 
-        ready: function() {
+        ready: function () {
           // Ensure scrollAction is set.
           if (!this.scrollAction) {
             this.scrollAction = this.allowOutsideScroll ? 'refit' : 'lock';
@@ -185,21 +280,31 @@
           if (!this.sizingTarget || this.sizingTarget === this) {
             this.sizingTarget = this.containedElement || this;
           }
+          this._addListeners();
         },
 
-        detached: function() {
+        detached: function () {
+          this._removeListeners();
           this.cancelAnimation();
         },
 
+        _addListeners: function () {
+          this.listen(this.$.contentWrapper, 'animationend', '_onAnimationEnd');
+        },
+
+        _removeListeners: function () {
+          this.unlisten(this.$.contentWrapper, 'animationend', '_onAnimationEnd');
+        },
+
         /**
          * Called when the value of `opened` changes.
          * Overridden from `IronOverlayBehavior`
          */
-        _openedChanged: function() {
+        _openedChanged: function () {
           if (this.opened && this.disabled) {
             this.cancel();
           } else {
-            this.cancelAnimation();
+            // this.cancelAnimation();
             this._updateAnimationConfig();
             Polymer.IronOverlayBehaviorImpl._openedChanged.apply(this, arguments);
           }
@@ -208,8 +313,8 @@
         /**
          * Overridden from `IronOverlayBehavior`.
          */
-        _renderOpened: function() {
-          if (!this.noAnimations && this.animationConfig.open) {
+        _renderOpened: function () {
+          if (!this.noAnimations && this.openAnimation) {
             this.$.contentWrapper.classList.add('animating');
             this.playAnimation('open');
           } else {
@@ -220,8 +325,8 @@
         /**
          * Overridden from `IronOverlayBehavior`.
          */
-        _renderClosed: function() {
-          if (!this.noAnimations && this.animationConfig.close) {
+        _renderClosed: function () {
+          if (!this.noAnimations && this.closeAnimation) {
             this.$.contentWrapper.classList.add('animating');
             this.playAnimation('close');
           } else {
@@ -234,38 +339,138 @@
          * closing). Responsible for "completing" the process of opening or
          * closing the dropdown by positioning it or setting its display to
          * none.
+         * @param {Event=} event
+         * @private       
          */
-        _onNeonAnimationFinish: function() {
+        _onAnimationEnd: function (event) {
+          if (event && event.target !== this.$.contentWrapper) {
+            return;
+          }
+          if (this.noValidAnimations !== 0) {
+            // Take One Away until we reach zero - return not complete yet
+            this.noValidAnimations--;
+            return;
+          }
           this.$.contentWrapper.classList.remove('animating');
+          this.$.contentWrapper.classList.remove(this.openAnimation);
+          this.$.contentWrapper.classList.remove(this.closeAnimation);
           if (this.opened) {
             this._finishRenderOpened();
           } else {
             this._finishRenderClosed();
           }
         },
-        
+
+        /**
+         * Constructs the final animation config using deprecated neon-animation
+         * design.  New method is to use openAnimation and closeAnimation which
+         * directly selects animation.  
+         * This work-around is restricted to one animation and if a value is found
+         * writes the value found into the openAnimation.  
+         */
+        _updateAnimationConfig: function () {
+          if (this.openAnimationConfig) {
+            var animationNames = "",
+              animationDurations = "",
+              animationDelays = "",
+              comma = "";
+            for (var i = 0; i < this.openAnimationConfig.length; i++) {
+              if (i === 1) {
+                comma = ",";
+              }
+              animationNames += comma + this.openAnimationConfig[i].name;
+              if (this.openAnimationConfig[i].timing !== undefined) {
+                animationDelays += comma + this.openAnimationConfig[i].timing.delay + "ms";
+                animationDurations += comma + this.openAnimationConfig[i].timing.duration + "ms";
+              } else {
+                animationDelays = "";
+                animationDurations = "";
+              }
+            }
+            this.updateStyles({
+              '--animation-open-names': animationNames,
+              '--animation-open-durations': animationDurations,
+              '--animation-open-delays': animationDelays
+            });
+            this.openAnimation = "animation-open";
+          }
+          if (this.closeAnimationConfig) {
+            var animationNames = "",
+              animationDurations = "",
+              animationDelays = "",
+              comma = "";
+            for (var i = 0; i < this.closeAnimationConfig.length; i++) {
+              if (i === 1) {
+                comma = ",";
+              }
+              animationNames += comma + this.closeAnimationConfig[i].name;
+              if (this.closeAnimationConfig[i].timing !== undefined) {
+                animationDelays += comma + this.closeAnimationConfig[i].timing.delay + "ms";
+                animationDurations += comma + this.closeAnimationConfig[i].timing.duration + "ms";
+              } else {
+                animationDelays = "";
+                animationDurations = "";
+              }
+            }
+            this.updateStyles({
+              '--animation-close-names': animationNames,
+              '--animation-close-durations': animationDurations,
+              '--animation-close-delays': animationDelays
+            });
+            this.closeAnimation = "animation-close";
+          }
+        },
+
         /**
-         * Constructs the final animation config from different properties used
-         * to configure specific parts of the opening and closing animations.
+         * Replaces Neon-Animation playAnimation - just calls show and hide.
+         * @param {string} type Either `open` or `close`
          */
-        _updateAnimationConfig: function() {
-          // Update the animation node to be the containedElement.
-          var animationNode = this.containedElement;
-          var animations = [].concat(this.openAnimationConfig || []).concat(this.closeAnimationConfig || []);
-          for (var i = 0; i < animations.length; i++) {
-            animations[i].node = animationNode;
+        playAnimation: function (type) {
+          if (type === "open") {
+            this._openAnimation();
+          } else if (type === "close") {
+            this._closeAnimation();
+          }
+        },
+
+        _openAnimation: function () {
+          if (!this.openAnimation) {
+            this._onAnimationEnd();
+          } else {
+            this.$.contentWrapper.classList.add(this.openAnimation);
+            // If not animation _onWebAnimationEnd will not be called and will fail to change state
+            if (this._willAnimate() === false) {
+              this._onAnimationEnd();
+            }
+
+          }
+        },
+
+        _closeAnimation: function () {
+          if (!this.closeAnimation) {
+            this._onAnimationEnd();
+          } else {
+            this.$.contentWrapper.classList.add(this.closeAnimation);
+            // If not animation _onWebAnimationEnd will not be called and will fail to change state
+            if (this._willAnimate() === false) {
+              this._onAnimationEnd();
+            }
           }
-          this.animationConfig = {
-            open: this.openAnimationConfig,
-            close: this.closeAnimationConfig
-          };
+        },
+
+        /**
+         * Cancels the animation and either fully open or fully close's iron-dropdown
+         */
+        cancelAnimation: function () {
+          // Short-cut and cancel all animations and hide
+          this.$.contentWrapper.classList.add('cancel-animation');
         },
 
         /**
          * Updates the overlay position based on configured horizontal
          * and vertical alignment.
          */
-        _updateOverlayPosition: function() {
+        _updateOverlayPosition: function () {
           if (this.isAttached) {
             // This triggers iron-resize, and iron-overlay-behavior will call refit if needed.
             this.notifyResize();
@@ -276,7 +481,7 @@
          * Sets scrollAction according to the value of allowOutsideScroll.
          * Prefer setting directly scrollAction.
          */
-        _allowOutsideScrollChanged: function(allowOutsideScroll) {
+        _allowOutsideScrollChanged: function (allowOutsideScroll) {
           // Wait until initial values are all set.
           if (!this._readied) {
             return;
@@ -291,15 +496,43 @@
         /**
          * Apply focus to focusTarget or containedElement
          */
-        _applyFocus: function() {
+        _applyFocus: function () {
           var focusTarget = this.focusTarget || this.containedElement;
           if (focusTarget && this.opened && !this.noAutoFocus) {
             focusTarget.focus();
           } else {
             Polymer.IronOverlayBehaviorImpl._applyFocus.apply(this, arguments);
           }
+        },
+
+        /**
+         * @private
+         */
+        _willAnimate: function () {
+          // If CSS Class does not have animation-name considered not be an animation
+          // Number of animations events depend upon if they are valid.  This also calculates
+          // them by adding up commas for example if animation-name: animation1,animation2 
+          // there is 1 comma thus one animation should be ignored as it is not completed.
+          // If the animation is not valid, no event is fired.  We can be waiting forever
+          // or if we only do one event we finish before the animation is complete.
+          var style = window.getComputedStyle(this.$.contentWrapper);
+          this.updateStyles({
+            '--animation-height': this.containedElement.style.maxHeight
+          });
+          if (style.getPropertyValue('animation-name') !== 'none' &&
+            style.getPropertyValue('animation-duration') !== '0ms') {
+            // How many Animations are legal?  Count the commas!
+            for (var count = -1, index = -2; index != -1; count++, index = style.animationName.indexOf(",",
+                index + 1));
+            this.noValidAnimations = count;
+            return true;
+          } else {
+            this.noValidAnimations = 0;
+            return false;
+          }
         }
+
       });
     })();
   </script>
-</dom-module>
+</dom-module>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d8c34b3..96eac68 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,12 +10,12 @@
       "dev": true,
       "requires": {
         "@types/doctrine": "0.0.3",
-        "@types/fs-extra": "5.0.0",
+        "@types/fs-extra": "5.0.1",
         "@types/glob": "5.0.35",
         "command-line-args": "5.0.2",
         "command-line-usage": "4.1.0",
         "doctrine": "2.1.0",
-        "escodegen": "1.9.0",
+        "escodegen": "1.9.1",
         "fs-extra": "5.0.0",
         "glob": "7.1.2",
         "minimatch": "3.0.4",
@@ -95,18 +95,18 @@
       "dev": true
     },
     "@types/events": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@types/events/-/events-1.1.0.tgz",
-      "integrity": "sha512-y3bR98mzYOo0pAZuiLari+cQyiKk3UXRuT45h1RjhfeCzqkjaVsfZJNaxdgtk7/3tzOm1ozLTqEqMP3VbI48jw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-1.2.0.tgz",
+      "integrity": "sha512-KEIlhXnIutzKwRbQkGWb/I4HFqBuUykAdHgDED6xqwXJfONCjF5VoE0cXEiurh3XauygxzeDzgtXUqvLkxFzzA==",
       "dev": true
     },
     "@types/fs-extra": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-5.0.0.tgz",
-      "integrity": "sha512-qtxDULQKUenuaDLW003CgC+0T0eiAfH3BrH+vSt87GLzbz5EZ6Ox6mv9rMttvhDOatbb9nYh0E1m7ydoYwUrAg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-5.0.1.tgz",
+      "integrity": "sha512-h3wnflb+jMTipvbbZnClgA2BexrT4w0GcfoCz5qyxd0IRsbqhLSyesM6mqZTAnhbVmhyTm5tuxfRu9R+8l+lGw==",
       "dev": true,
       "requires": {
-        "@types/node": "9.4.6"
+        "@types/node": "9.4.7"
       }
     },
     "@types/glob": {
@@ -115,9 +115,9 @@
       "integrity": "sha512-wc+VveszMLyMWFvXLkloixT4n0harUIVZjnpzztaZ0nKLuul7Z32iMt2fUFGAaZ4y1XWjFRMtCI5ewvyh4aIeg==",
       "dev": true,
       "requires": {
-        "@types/events": "1.1.0",
+        "@types/events": "1.2.0",
         "@types/minimatch": "3.0.3",
-        "@types/node": "9.4.6"
+        "@types/node": "9.4.7"
       }
     },
     "@types/minimatch": {
@@ -127,9 +127,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "9.4.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-9.4.6.tgz",
-      "integrity": "sha512-CTUtLb6WqCCgp6P59QintjHWqzf4VL1uPA27bipLAPxFqrtK1gEYllePzTICGqQ8rYsCbpnsNypXjjDzGAAjEQ==",
+      "version": "9.4.7",
+      "resolved": "http://registry.npmjs.org/@types/node/-/node-9.4.7.tgz",
+      "integrity": "sha512-4Ba90mWNx8ddbafuyGGwjkZMigi+AWfYLSDCpovwsE63ia8w93r3oJ8PIAQc3y8U+XHcnMOHPIzNe3o438Ywcw==",
       "dev": true
     },
     "@types/parse5": {
@@ -138,7 +138,7 @@
       "integrity": "sha1-44cKEOgnNacg9i1x3NGDunjvOp0=",
       "dev": true,
       "requires": {
-        "@types/node": "9.4.6"
+        "@types/node": "9.4.7"
       }
     },
     "@types/winston": {
@@ -147,7 +147,7 @@
       "integrity": "sha512-QqR0j08RCS1AQYPMRPHikEpcmK+2aEEbcSzWLwOqyJ4FhLmHUx/WjRrnn7tTQg/y4IKnMhzskh/o7qvGIZZ7iA==",
       "dev": true,
       "requires": {
-        "@types/node": "9.4.6"
+        "@types/node": "9.4.7"
       }
     },
     "ansi-escape-sequences": {
@@ -221,6 +221,14 @@
         "lodash": "4.17.5",
         "source-map": "0.5.7",
         "trim-right": "1.0.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
       }
     },
     "babel-messages": {
@@ -255,7 +263,7 @@
         "babylon": "6.18.0",
         "debug": "2.6.9",
         "globals": "9.18.0",
-        "invariant": "2.2.2",
+        "invariant": "2.2.4",
         "lodash": "4.17.5"
       }
     },
@@ -345,7 +353,7 @@
       "requires": {
         "ansi-escape-sequences": "4.0.0",
         "array-back": "2.0.0",
-        "table-layout": "0.4.2",
+        "table-layout": "0.4.3",
         "typical": "2.6.1"
       }
     },
@@ -430,16 +438,16 @@
       "dev": true
     },
     "escodegen": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.9.0.tgz",
-      "integrity": "sha512-v0MYvNQ32bzwoG2OSFzWAkuahDQHK92JBN0pTAALJ4RIxEZe766QJPDR8Hqy7XNUy5K3fnVL76OqYAdc4TZEIw==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.9.1.tgz",
+      "integrity": "sha512-6hTjO1NAWkHnDk3OqQ4YrCuwwmGHL9S3nPlzBOUG/R44rda3wLNrfvQ5fkSGjyhHFKM7ALPKcKGrwvCLe0lC7Q==",
       "dev": true,
       "requires": {
         "esprima": "3.1.3",
         "estraverse": "4.2.0",
         "esutils": "2.0.2",
         "optionator": "0.8.2",
-        "source-map": "0.5.7"
+        "source-map": "0.6.1"
       }
     },
     "esprima": {
@@ -557,9 +565,9 @@
       "dev": true
     },
     "invariant": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.2.tgz",
-      "integrity": "sha1-nh9WrArNtr8wMwbzOL47IErmA2A=",
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
       "dev": true,
       "requires": {
         "loose-envify": "1.3.1"
@@ -717,7 +725,7 @@
       "requires": {
         "@types/node": "4.2.23",
         "@types/winston": "2.3.8",
-        "winston": "2.4.0"
+        "winston": "2.4.1"
       },
       "dependencies": {
         "@types/node": {
@@ -744,7 +752,7 @@
         "@types/cssbeautify": "0.3.1",
         "@types/doctrine": "0.0.1",
         "@types/minimatch": "3.0.3",
-        "@types/node": "6.0.101",
+        "@types/node": "6.0.102",
         "@types/parse5": "2.2.34",
         "babel-generator": "6.26.1",
         "babel-traverse": "6.26.0",
@@ -759,11 +767,11 @@
         "jsonschema": "1.2.2",
         "minimatch": "3.0.4",
         "parse5": "4.0.0",
-        "polymer-project-config": "3.8.1",
+        "polymer-project-config": "3.10.0",
         "shady-css-parser": "0.1.0",
         "stable": "0.1.6",
         "strip-indent": "2.0.0",
-        "vscode-uri": "1.0.1"
+        "vscode-uri": "1.0.3"
       },
       "dependencies": {
         "@types/doctrine": {
@@ -773,29 +781,29 @@
           "dev": true
         },
         "@types/node": {
-          "version": "6.0.101",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-6.0.101.tgz",
-          "integrity": "sha512-IQ7V3D6+kK1DArTqTBrnl3M+YgJZLw8ta8w3Q9xjR79HaJzMAoTbZ8TNzUTztrkCKPTqIstE2exdbs1FzsYLUw==",
+          "version": "6.0.102",
+          "resolved": "http://registry.npmjs.org/@types/node/-/node-6.0.102.tgz",
+          "integrity": "sha512-EhNufyBoC1Kqaj+XMHGzi6mPUC8wVABOMTPE5XaSJc49LIVvXsyrV1HYMAPTUViT7E4wLUB38OdDmb+HshjGmA==",
           "dev": true
         }
       }
     },
     "polymer-project-config": {
-      "version": "3.8.1",
-      "resolved": "https://registry.npmjs.org/polymer-project-config/-/polymer-project-config-3.8.1.tgz",
-      "integrity": "sha512-MLvnM9gexFWg7nynY24eHZG6NLXocmk718sVds/sx2CAJ6iihhC0JMhhOIa6jnad9KQrHyGl/cs3mMRaaub5Fg==",
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/polymer-project-config/-/polymer-project-config-3.10.0.tgz",
+      "integrity": "sha512-+vrx5aAZM3rpViqnYhTX1bIpXXTlGpiAGZEsk7WzN6EqSMQPI5eYRw4XD1kmjo1W6GShIhPfvhh+Ik/pywGGkw==",
       "dev": true,
       "requires": {
-        "@types/node": "6.0.101",
+        "@types/node": "6.0.102",
         "jsonschema": "1.2.2",
         "minimatch-all": "1.1.0",
         "plylog": "0.5.0"
       },
       "dependencies": {
         "@types/node": {
-          "version": "6.0.101",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-6.0.101.tgz",
-          "integrity": "sha512-IQ7V3D6+kK1DArTqTBrnl3M+YgJZLw8ta8w3Q9xjR79HaJzMAoTbZ8TNzUTztrkCKPTqIstE2exdbs1FzsYLUw==",
+          "version": "6.0.102",
+          "resolved": "http://registry.npmjs.org/@types/node/-/node-6.0.102.tgz",
+          "integrity": "sha512-EhNufyBoC1Kqaj+XMHGzi6mPUC8wVABOMTPE5XaSJc49LIVvXsyrV1HYMAPTUViT7E4wLUB38OdDmb+HshjGmA==",
           "dev": true
         }
       }
@@ -834,10 +842,11 @@
       "dev": true
     },
     "source-map": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
-      "dev": true
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "optional": true
     },
     "stable": {
       "version": "0.1.6",
@@ -873,9 +882,9 @@
       "dev": true
     },
     "table-layout": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/table-layout/-/table-layout-0.4.2.tgz",
-      "integrity": "sha512-tygyl5+eSHj4chpq5Zfy6cpc7MOUBClAW9ozghFH7hg9bAUzShOYn+/vUzTRkKOSLJWKfgYtP2tAU2c0oAD8eg==",
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/table-layout/-/table-layout-0.4.3.tgz",
+      "integrity": "sha512-MIhflPM38ejKrFwWwC3P9x3eHvMo5G5AmNo29Qtz2HpBl5KD2GCcmOErjgNtUQLv/qaqVDagfJY3rJLPDvEgLg==",
       "dev": true,
       "requires": {
         "array-back": "2.0.0",
@@ -929,15 +938,15 @@
       "dev": true
     },
     "vscode-uri": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-1.0.1.tgz",
-      "integrity": "sha1-Eahr7+rDxKo+wIYjZRo8gabQu8g=",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-1.0.3.tgz",
+      "integrity": "sha1-Yxvb9xbcyrDmUpGo3CXCMjIIWlI=",
       "dev": true
     },
     "winston": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/winston/-/winston-2.4.0.tgz",
-      "integrity": "sha1-gIBQuT1SZh7Z+2wms/DIJnCLCu4=",
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/winston/-/winston-2.4.1.tgz",
+      "integrity": "sha512-k/+Dkzd39ZdyJHYkuaYmf4ff+7j+sCIy73UCOWHYA67/WXU+FF/Y6PF28j+Vy7qNRPHWO+dR+/+zkoQWPimPqg==",
       "dev": true,
       "requires": {
         "async": "1.0.0",
diff --git a/test/iron-dropdown.html b/test/iron-dropdown.html
index e154799..7b46a37 100644
--- a/test/iron-dropdown.html
+++ b/test/iron-dropdown.html
@@ -20,8 +20,6 @@
   <script src="../../iron-test-helpers/mock-interactions.js"></script>
 
   <link rel="import" href="../iron-dropdown.html">
-  <link rel="import" href="../../neon-animation/web-animations.html">
-  <link rel="import" href="../../neon-animation/animations/fade-in-animation.html">
 
 </head>
 <style>
@@ -252,67 +250,69 @@
         });
 
         suite('correct animationConfig setup', function() {
-          test('as objects', function() {
-            dropdown.openAnimationConfig = {
-              name: 'open-animation'
-            };
-            dropdown.closeAnimationConfig = {
-              name: 'close-animation'
-            };
-
-            dropdown.opened = true;
-
-            assert.deepEqual(dropdown.openAnimationConfig, {
-              name: 'open-animation',
-              node: content
-            }, 'open animation ok');
-
-            assert.deepEqual(dropdown.closeAnimationConfig, {
-              name: 'close-animation',
-              node: content
-            }, 'close animation ok');
-
-            assert.deepEqual(dropdown.animationConfig, {
-              open: dropdown.openAnimationConfig,
-              close: dropdown.closeAnimationConfig
-            }, 'animationConfig ok');
-          });
-
-          test('as arrays', function() {
-            dropdown.openAnimationConfig = [{
-              name: 'open-animation-1'
-            }, {
-              name: 'open-animation-2'
-            }];
-            dropdown.closeAnimationConfig = [{
-              name: 'close-animation-1'
-            }, {
-              name: 'close-animation-2'
-            }];
-
-            dropdown.opened = true;
-
-            assert.deepEqual(dropdown.openAnimationConfig, [{
-              name: 'open-animation-1',
-              node: content
-            }, {
-              name: 'open-animation-2',
-              node: content
-            }], 'open animation ok');
-
-            assert.deepEqual(dropdown.closeAnimationConfig, [{
-              name: 'close-animation-1',
-              node: content
-            }, {
-              name: 'close-animation-2',
-              node: content
-            }], 'close animation ok');
-
-            assert.deepEqual(dropdown.animationConfig, {
-              open: dropdown.openAnimationConfig,
-              close: dropdown.closeAnimationConfig
-            }, 'animationConfig ok');
-          });
+          // 
+          // Test is no longer useful.  Will replace with test to see if chosen animation 
+          // is correct set to CSS.
+          //
+          // test('as objects', function() {
+          //   dropdown.openAnimationConfig = {
+          //     name: 'open-animation'
+          //   };
+          //   dropdown.closeAnimationConfig = {
+          //     name: 'close-animation'
+          //   };
+
+          //   dropdown.opened = true;
+
+          //   assert.deepEqual(dropdown.openAnimationConfig, {
+          //     name: 'open-animation'
+          //   }, 'open animation ok');
+
+          //   assert.deepEqual(dropdown.closeAnimationConfig, {
+          //     name: 'close-animation'
+          //   }, 'close animation ok');
+
+          //   assert.deepEqual(dropdown.animationConfig, {
+          //     open: dropdown.openAnimationConfig,
+          //     close: dropdown.closeAnimationConfig
+          //   }, 'animationConfig ok');
+          // });
+
+          // test('as arrays', function() {
+          //   dropdown.openAnimationConfig = [{
+          //     name: 'open-animation-1'
+          //   }, {
+          //     name: 'open-animation-2'
+          //   }];
+          //   dropdown.closeAnimationConfig = [{
+          //     name: 'close-animation-1'
+          //   }, {
+          //     name: 'close-animation-2'
+          //   }];
+
+          //   dropdown.opened = true;
+
+          //   assert.deepEqual(dropdown.openAnimationConfig, [{
+          //     name: 'open-animation-1',
+          //     node: content
+          //   }, {
+          //     name: 'open-animation-2',
+          //     node: content
+          //   }], 'open animation ok');
+
+          //   assert.deepEqual(dropdown.closeAnimationConfig, [{
+          //     name: 'close-animation-1',
+          //     node: content
+          //   }, {
+          //     name: 'close-animation-2',
+          //     node: content
+          //   }], 'close animation ok');
+
+          //   assert.deepEqual(dropdown.animationConfig, {
+          //     open: dropdown.openAnimationConfig,
+          //     close: dropdown.closeAnimationConfig
+          //   }, 'animationConfig ok');
+          // });
 
           test('no pointer events during animation', function(done) {
             dropdown.openAnimationConfig = [{