jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed drop-down bug, for now

Browse Source 
Expect it to break again in Chrome 54
This commit is contained in:
Stefan Zermatten
2016-10-03 14:05:30 +02:00
parent d83fe917d0
commit ebecb46935
5 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
rpg-docs/public/custom_components/paper-dropdown/paper-dropdown-transition.html
View File

@@ -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>
<paper-dropdown-transition id="paper-dropdown-transition"></paper-dropdown-transition>

5
rpg-docs/public/custom_components/paper-dropdown/paper-dropdown.html
View File

@@ -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;