Item in <iron-list> not updated correctly when data is removed in firebase

Question

I was using <firebase-query> with <iron-list>, and notice whenever data is deleted in firebase, <iron-list> does not remove the item correctly (on display). Adding data into firebase seems to work fine with <iron-list>.

Answer 1

After inspecting the element on the deleted list, I noticed the final item inside the list did have an hidden attribute.

Setting the following CSS style inside the custom element did resolve my issue.

<style>
.class[hidden] {
  display: none;
}
</style>

Thanks!