Received Data is not binded in time

[bkr32]

Description

i'm receiving a path via routeData based on items selected by the user, when the details custom component is loaded, the path is recieved however it is not synced to any other element, after logging the component it seems that "sync to memory" occurs after the data is recieved, this is only bypassed by refreshing the page

Expected outcome

retrieved values should bind normally

Actual outcome

values and data binded only after page refresh after page refresh

normal navigation

Code

<app-route
     route="[[route]]"
     pattern="/:category/:item"
     data="{{routeData}}"></app-route>
     <firebase-query log id="query" 
     app-name="" 
     path="/events/[[routeData.category]]/[[routeData.item]]" 
     data="{{data}}"> </firebase-query>

     <app-indexeddb-mirror
     key="item"
     data="{{data}}"
     persisted-data="{{persistedData}}">
</app-indexeddb-mirror>
<h6>details</h6>
<span>route data  is events/[[routeData.category]]/[[routeData.item]]</span>
<template is="dom-repeat" id="list" items="[[persistedData]]" as="item">
<paper-card>
       <p>[[item.title]]</p>
</paper-card>
   </template>
</template>

Browsers Affected

• [x] Chrome
• [x] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [ ] Edge
• [ ] IE 11
• [ ] IE 10

[bkr32]

using a observer temporarily fixed this problem, but when the user navigates back to select another item the same issue occurs

[justweb1]

remove this line - app-name="" app, name, and app-name should only be used if you are using 2 different firebase instances at the same time.