Struggling to get click events to fire on <paper-tabs> and <paper-tab>. Interestingly, when manually adding event listeners in Chrome's developer tools, it works fine. But the same code doesn't seem to work in my application:
// app.html
<paper-tabs selected="0" class="bottom indent" style="width: 200px;" self-end>
<paper-tab id="one">ONE</paper-tab>
<paper-tab id="two">TWO</paper-tab>
</paper-tabs>
// app.js
window.addEventListener('polymer-ready', function(e) {
var tabs = {
one: document.querySelector('#one'),
two: document.querySelector('#two')
};
tabs.one.addEventListener('click', function(e) {
console.log(e, this);
});
// !! This logs the expected object !!
console.log(tabs);
}
Is there something I'm missing here? Other components like paper-slider are working correctly with event listeners, but not the tabs.