polymer custom events fired by child element not caught by parent element - polymer

Question

i'm trying to fire a custom event from a child element to its parent but its not working using listeners object. it works using annotated events but that isn't applicable in most situations.How can i use listeners object in this case. here's some code to illustrate the problem:
<!--in child element's dom..-->
<dom-module id="searchresult-controller">
<template>
<style>
...
</style>
</template>
<script type="text/javascript">
Polymer({
is: "searchresult-controller",
ready: function(){
this.sendSignal();
},
sendSignal: function() {
this.fire('msg', {data: 'i love polymer'});
}
});
</script>
</dom-module>
<!-- in parent -->
<dom-module id="search-controllers">
<template>
<style>
...
</style>
<searchresult-controller></searchresult-controller>
<result-view></result-view>
</template>
<script type="text/javascript">
Polymer({
is: "search-controllers",
listeners: {
'msg': '_showAlert'
},
_showAlert: function(e) {
console.log(e.detail.data);
}
});
</script>
Thanks in advance for your help.

Answer 1

Could you try firing the event from searchresult-controller on attached and not ready?
ready might be too soon for search-controllers to handle since, according to the docs, listeners set in the listeners object are set during the attached lifecycle event.
My guess is searchresult-controller's ready event happens before search-controllers's attached event.