This repository was archived by the owner on Dec 19, 2024. It is now read-only.
This repository was archived by the owner on Dec 19, 2024. It is now read-only.
Crashes when clicked: KeyframeEffect is not defined #305
Description
I'm getting this error even when using the exact same HTML as given in the demo:
<html>
<head>
<script type="module">
import '@polymer/paper-dropdown-menu/paper-dropdown-menu.js';
import '@polymer/paper-item/paper-item.js';
import '@polymer/paper-listbox/paper-listbox.js';
</script>
</head>
<body>
<paper-dropdown-menu label="Dinosaurs">
<paper-listbox slot="dropdown-content" selected="1">
<paper-item>allosaurus</paper-item>
<paper-item>brontosaurus</paper-item>
<paper-item>carcharodontosaurus</paper-item>
<paper-item>diplodocus</paper-item>
</paper-listbox>
</paper-dropdown-menu>
</body>
</html>
When I click on the dropdown:
fade-in-animation.js:32 Uncaught ReferenceError: KeyframeEffect is not defined
Using Polymer 3, in particular:
@polymer/polymer: ^3.1.0
@polymer/paper-dropdown-menu: 3.0.1
Is there any workaround to have this working? Where is KeyframeEffect defined? Thanks
Note that I don't need any specific transition, just the default look and feel of paper-dropdown.
Browsers Affected
- Chrome
- not tested on others