The following code is my implementation of core-a11y-keys but is not working. What I'm I doing wrong?
<link rel="import" href="polymer/polymer/polymer.html">
<link rel="import" href="polymer/core-a11y-keys/core-a11y-keys.html">
<polymer-element name="rappts-redball">
<template>
<style>
:host {
width: 50px;
height: 50px;
border-radius: 50px;
background-color: red;
position: absolute;
bottom: 0px;
}
:host #output {
position: absolute;
top: -47px;
}
</style>
<core-a11y-keys target="{{}}" keys="up pageup" on-keys-pressed="{{moveUp}}"></core-a11y-keys>
<pre id="output"></pre>
</template>
<script>
Polymer('rappts-redball', {
moveUp: function(event) {
this.$.output.textContent += event.detail.key + ' pressed!\n';
console.log(event);
}
});
</script>
</polymer-element>