Viewing data when offline

[Tevinthuku]

Description

Ive looked at the note app demo and when the app is ofline it still shows the firebase data that was present My app only shows data when app is online but never when offline

  <firebase-auth
    id="authentication"
    user="{{user}}"></firebase-auth>

  <!--the category query  ->
  <firebase-query
    id="query"
    path="/category"
    data="{{viewcategory}}">
  </firebase-query>

  <!--LOCAL STORAGE OF THE DATA IN THE PATH-->
  <app-indexeddb-mirror
      session="[[user.uid]]"
      key="viewcategory"
      data="{{viewcategory}}"
      persisted-data="{{localcategories}}">
  </app-indexeddb-mirror>

 <template is="dom-repeat" items="[[localcategories]]" strip-whitespace>
      <li>[[localcategories.name]]</li>
 </template>

Expected outcome

When Offline Im still supposed to see the data of the localcategories.

Actual outcome

I only see the loader which I set up but when online everything is okay

Live Demo

Steps to reproduce

Browsers Affected

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

[tjmonsi]

This is kinda disconcerting actually. Sometimes app-indexeddb-mirror works. Other times it doesn't. Might be Service worker's config but I can't figure it out yet as well.

[artemik]

Any fix?

[nidelson]

If app-indexeddb-mirror really worked, it would be one of the best and most used.

[tjmonsi]

I haven't tried using pouch-db as an alternative but I might look into it in my future projects