search

PolymerElements / app-storage

Data-pipes and specialized services
61 stars 47 forks source link

Firebase Example Doesn't Work #113

Open phidias51 opened 7 years ago

phidias51 commented 7 years ago

Description

I have a firebase-query that produces live data without any problem. Using the code from the example found in the documentation, the exception shown in the stacktrace below appears.

Expected outcome

It should cache the data locally.

Actual outcome

app-indexeddb-mirror.html:244 Uncaught TypeError: Cannot read property 'validateSession' of undefined at HTMLElement. (app-indexeddb-mirror.html:244) at HTMLElement._enqueueTransaction (app-storage-behavior.html:332) at HTMLElement.__updatePersistedData (app-indexeddb-mirror.html:243) at HTMLElement._complexObserverEffect (polymer.html:1613) at HTMLElement._effectEffects (polymer.html:1448) at HTMLElement._propertySetter (polymer.html:1432) at HTMLElement.__setProperty (polymer.html:1441) at HTMLElement._applyConfig (polymer.html:2054) at HTMLElement._afterClientsReady (polymer.html:2048) at HTMLElement._ready (polymer-mini.html:143)

This seems to indicate that the client property found in app-indexeddb-mirror is undefined.

Live Demo

Steps to reproduce

This is a snippet of the code. Commenting out the app-indexeddb-mirror element (and switching the data/model variable causes the data to appear normally, albeit uncached.

        <firebase-auth app-name="veridian" user="{{user}}" app-name="veridian"></firebase-auth>
        <firebase-query app-name="veridian" path="/users" data="{{data}}" order-by-child="lastName" limit-to-first="[[pageSize]]"></firebase-query>

        <app-indexeddb-mirror session="[[user.uid]]" key="contacts" data="{{data}}" persisted-data="{{model}}"></app-indexeddb-mirror>

<iron-scroll-threshold id="threshold" on-lower-threshold="_loadData" lower-threshold="10" scroll-target="listbox">
        <paper-listbox id="listbox">
            <template is="dom-repeat" items="[[model]]" as="contact">
                <ver-contact-card model="[[contact]]"></ver-contact-card>
            </template>
        </paper-listbox>
        </iron-scroll-threshold>

Browsers Affected

Thkasis commented 6 years ago

I have the same issue here, in some pages it works and in some pages I get this error. My implementation is the same across all pages. I should say that app-network-status-behavior also is returning true event if there's no connection in Chrome.