img width 100% event

[gertcuykens]

Click on the red square and see the console log output

http://jsbin.com/penega

How can I get rid of this setTimeout hack to get the correct 100% width of a image?

I tried core-animated-pages-transition-end still needed time out hack :P

PS also notice the fixed bug when trying other animations :)

         <polymer-element name="to-soon" attributes="activePage">
          <template>
            <img src="http://sea-is-snow.appspot.com/icon/loading.gif" style="width:100%">
            <span style="color:green; position:fixed; bottom:0px; right:0px; z-index:1;">TO SOON</span>
          </template>
          <script>
            Polymer({
              activePageChanged: function(){
                if (this.activePage!=1) return 0
                console.log(this.shadowRoot.querySelector('img').width)
                setTimeout(function(){ // <=== HACK
                    console.log(this.shadowRoot.querySelector('img').width)
                }.bind(this), 500);
               },
            });
          </script>
        </polymer-element>

(http://stackoverflow.com/questions/27592169/img-width-100-event)

[gertcuykens]

Miss spelled the event listener... doh!