Variable bindings not ready when switching to view with data-binding

[ernsheong]

I am facing a bit of a weird issue and I am not sure if iron-lazy-pages is the problem.

I am switching from a simple custom-element (no data binding), to a custom element with data binding (from getting-started to master-detail):

I am getting an error in dom-if.html that the binding is still null.

The stateChanged observer on the host has fired, so the data is actually there. e.g. the function that determines the selected attribute for iron-lazy-pages has already fired successfully, triggering the page switch.

This happens with or without hide-immediately.

What do you think is the problem here?

[ernsheong]

I should also add that the trigger for the switch was programmatic, i.e. via the "visibilitychange" event

[TimvdLippe]

Seems to be the same issue as Polymer/polymer#4877
I have to see if this is an issue in this element or an issue in core. Thanks for reporting!

[TimvdLippe]

Oh btw could you create a JSBin so that I can debug this issue? You can use the Polymer JSBin as a starting point.

[ernsheong]

Thanks for the quick response. I am working on the JSBin

[ernsheong]

Here it is: https://jsbin.com/xewuraw/edit?html,output