Fixed drop-down bug, for now

Expect it to break again in Chrome 54

rpg-docs/bower.json

@@ -19,10 +19,5 @@
     "core-elements": "Polymer/core-elements#~0.5.5",
     "paper-elements": "Polymer/paper-elements#~0.5.5",
     "paper-fab-menu": "cwdoh/paper-fab-menu#~0.4.0"
-  },
-  "resolutions": {
-    "core-component-page": "^0.5.0",
-    "polymer": "^0.5.0",
-    "webcomponentsjs": "^0.5.0"
   }
 }

rpg-docs/client/views/layout/polymer.imports.html

@@ -20,7 +20,6 @@
 <link rel="import" href="/components/paper-dialog/paper-action-dialog.html">
 <link rel="import" href="/components/paper-dialog/paper-dialog.html">
 <link rel="import" href="/components/paper-dialog/paper-dialog-transition.html">
-<link rel="import" href="/components/paper-dropdown/paper-dropdown.html">
 <link rel="import" href="/components/paper-fab/paper-fab.html">
 <link rel="import" href="/components/paper-fab-menu/paper-fab-menu.html">
 <link rel="import" href="/components/paper-icon-button/paper-icon-button.html">
@@ -40,4 +39,5 @@
 
 <!--custom components-->
 <link rel="import" href="/custom_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="/custom_components/paper-dropdown/paper-dropdown.html">
 <link rel="import" href="/custom_components/paper-diff-slider/paper-diff-slider.html">

rpg-docs/config.vulcanize

@@ -1,5 +1,10 @@
 {
   "imports": [
+    "/custom_components/paper-dropdown/paper-dropdown.html",
+    "/custom_components/paper-dropdown-menu/paper-dropdown-menu.html",
+    "/custom_components/paper-diff-slider/paper-diff-slider.html",
+    "/custom_components/swipe-detect/swipe-detect.html",
+    
     "/components/core-animated-pages/core-animated-pages.html",
     "/components/core-animated-pages/transitions/cross-fade.html",
     "/components/core-animated-pages/transitions/hero-transition.html",
@@ -35,11 +40,6 @@
     "/components/paper-slider/paper-slider.html",
     "/components/paper-tabs/paper-tabs.html",
     "/components/paper-toast/paper-toast.html",
-    "/components/paper-toggle-button/paper-toggle-button.html",
+    "/components/paper-toggle-button/paper-toggle-button.html"
-
-    "/custom_components/paper-dropdown/paper-dropdown.html",
-    "/custom_components/paper-dropdown-menu/paper-dropdown-menu.html",
-    "/custom_components/paper-diff-slider/paper-diff-slider.html",
-    "/custom_components/swipe-detect/swipe-detect.html"
   ]
 }

rpg-docs/public/custom_components/paper-dropdown/paper-dropdown-transition.html

@@ -18,9 +18,9 @@ enable the optional list cascade transition.
 @extends core-transition-css
 @status unstable
 -->
-<link href="../polymer/polymer.html" rel="import">
+<link href="../../components/polymer/polymer.html" rel="import">
-<link href="../core-transition/core-transition-css.html" rel="import">
+<link href="../../components/core-transition/core-transition-css.html" rel="import">
-<link href="../core-animation/web-animations.html" rel="import">
+<link href="../../components/core-animation/web-animations.html" rel="import">
 
 <polymer-element name="paper-dropdown-transition" extends="core-transition-css">
   <template>
@@ -41,7 +41,7 @@ enable the optional list cascade transition.
          * @type number
          * @default 500
          */
-        duration: 500
+        duration: 350
 
       },
 
@@ -160,9 +160,9 @@ enable the optional list cascade transition.
             }));
           }
 
-          var group = new AnimationGroup(anims, {
+          var group = new AnimationGroup(anims/*, {
             easing: 'cubic-bezier(0.4, 0, 0.2, 1)'
-          });
+        }*/);
           this.player = document.timeline.play(group);
           this.player.onfinish = function() {
             this.fire('core-transitionend', this, node);
@@ -172,9 +172,8 @@ enable the optional list cascade transition.
           this.fire('core-transitionend', this, node);
         }
       },
-
     });
   </script>
 </polymer-element>
 
-<paper-dropdown-transition id="paper-dropdown-transition"></paper-dropdown-transition>
+<paper-dropdown-transition id="paper-dropdown-transition"></paper-dropdown-transition>

rpg-docs/public/custom_components/paper-dropdown/paper-dropdown.html

@@ -40,6 +40,8 @@ Style the background color of the dropdown with these selectors:
 <link href="../../components/core-dropdown/core-dropdown.html" rel="import">
 <link href="../../components/paper-shadow/paper-shadow.html" rel="import">
 
+<link href="paper-dropdown-transition.html" rel="import">
+
 <style shim-shadowdom>
   html /deep/ paper-dropdown {
     position: absolute;
@@ -99,6 +101,9 @@ Style the background color of the dropdown with these selectors:
 <script>
 
   Polymer({
+    publish: { //Chrome 52 breaks this
+      transition: 'paper-dropdown-transition'
+    },
     ready: function() {
       this.super();
       this.sizingTarget = this.$.scroller;