Render-problem in q-avatar on iPhone

[Dennis van Beek]

Hi,

We have problems with the re-rendering of a q-avatar on an iPhone…
When the amount changes, the previous number stays visible when it is larger the the current number:

The code is pretty straight-forward (itemCount is computed):

<div v-if="itemCount" class="absolute-right q-pr-sm q-pt-xs text-bold">
  <q-avatar size="sm" color="primary" text-color="white">{{itemCount}}</q-avatar>
</div>

On a desktop the problem cannot be reproduced.

Any thoughts?

(versions: quasar: 1.14.0 / quasar/app: 1.9.6)

[beets]

I haven’t encountered this, but maybe try to use a QBadge instead?

[dobbel]

@Dennis-van-Beek

maybe this will help:

https://morioh.com/p/08963bf07353