Simple array scroller skips items with value 0

[elalienx]

Hi I have a simple array that is a long list of numbers. They all start by default at zero. But the scroller don't render any item with value zero. As soon I put any other number they appear.

Code example that works: <RecycleScroller class="scroller" :items="headers" :item-size="32"> <template v-slot="{ item }"> <div class="user">{{ item }}</div> </template> </RecycleScroller>

'data() { return { headers: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] } }'

Code example that does not work: (template is exactly the same)

'data() { return { headers: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0] } }'

[Akryum]

I can't reproduce. Please provide a runnable minimal reproduction.

[elalienx]

Hi, tanks for the quick reply. I have created a small demo on this repository: https://github.com/elalienx/vvs-135

• On the left you can see a normal list with numbers from 1 to 10.
• On the right you can see a list that only have zeros and generate the bug.

Both list use the exact code and html template the only difference is the array passed.