From ebecb46935aea587809565bfdecc59e6bbc2760f Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Mon, 3 Oct 2016 14:05:30 +0200
Subject: [PATCH] Fixed drop-down bug, for now

Expect it to break again in Chrome 54
---
 rpg-docs/bower.json                               |  5 -----
 rpg-docs/client/views/layout/polymer.imports.html |  2 +-
 rpg-docs/config.vulcanize                         | 12 ++++++------
 .../paper-dropdown/paper-dropdown-transition.html | 15 +++++++--------
 .../paper-dropdown/paper-dropdown.html            |  5 +++++
 5 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/rpg-docs/bower.json b/rpg-docs/bower.json
index 763d7bfa..046d11e5 100644
--- a/rpg-docs/bower.json
+++ b/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"
   }
 }
diff --git a/rpg-docs/client/views/layout/polymer.imports.html b/rpg-docs/client/views/layout/polymer.imports.html
index 8cef4c15..c4d3a6cc 100644
--- a/rpg-docs/client/views/layout/polymer.imports.html
+++ b/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">
diff --git a/rpg-docs/config.vulcanize b/rpg-docs/config.vulcanize
index 71045711..98d8d01c 100644
--- a/rpg-docs/config.vulcanize
+++ b/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",
-
-    "/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/paper-toggle-button/paper-toggle-button.html"
   ]
 }
diff --git a/rpg-docs/public/custom_components/paper-dropdown/paper-dropdown-transition.html b/rpg-docs/public/custom_components/paper-dropdown/paper-dropdown-transition.html
index 22641f2f..f9c11db9 100644
--- a/rpg-docs/public/custom_components/paper-dropdown/paper-dropdown-transition.html
+++ b/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="../core-transition/core-transition-css.html" rel="import">
-<link href="../core-animation/web-animations.html" rel="import">
+<link href="../../components/polymer/polymer.html" rel="import">
+<link href="../../components/core-transition/core-transition-css.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>
\ No newline at end of file
+<paper-dropdown-transition id="paper-dropdown-transition"></paper-dropdown-transition>
diff --git a/rpg-docs/public/custom_components/paper-dropdown/paper-dropdown.html b/rpg-docs/public/custom_components/paper-dropdown/paper-dropdown.html
index 8db1100f..20896784 100644
--- a/rpg-docs/public/custom_components/paper-dropdown/paper-dropdown.html
+++ b/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;