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>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/CAGB-B9fLu_UhQf4o%2BA3_as7RqYZvCAA2zFF9T8-uBB9otnvBLw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
