Closed fire1 closed 1 year ago
Found some strange overlapping by console.log
on line 568:
SCR Proxy(Object) {item: Proxy(Object), position: 0, nr: {…}, offset: 0}
RecycleScroller.vue:568 SCR Proxy(Object) {item: Proxy(Object), position: 36, nr: {…}, offset: 0}
RecycleScroller.vue:568 SCR Proxy(Object) {item: Proxy(Object), position: 36, nr: {…}, offset: 0}[[Handler]]: Object[[Target]]: Object[[IsRevoked]]: false
RecycleScroller.vue:568 SCR Proxy(Object) {item: Proxy(Object), position: 72, nr: {…}, offset: 0}
261RecycleScroller.vue:568 SCR undefined
RecycleScroller.vue:568 SCR Proxy(Object) {item: Proxy(Object), position: 0, nr: {…}, offset: 0}
RecycleScroller.vue:568 SCR Proxy(Object) {item: Proxy(Object), position: 108, nr: {…}, offset: 0}
RecycleScroller.vue:568 SCR Proxy(Object) {item: Proxy(Object), position: 36, nr: {…}, offset: 0}
There was an internal error for key identifier
It was an internal error, keyField
was duplicated...
Describe the bug
Initial page load, when the page is displayed one of the missing elements is shown and when the scroller is fully ready both are missing. I assume this is caused by the contents of the item but cannot determine why, once an item has this problem, no page refresh changes the view (the problem stays).
Here is the HTML, there is a gap between items.
Here more missing
Any suggestions on what I can log from the source code, I'm using a fork.
Reproduction
I'm not sure what cousin these gaps are, mostly all items have equal contents, any feedback on what to log from the source code will be appreciated.
System Info
Used Package Manager
yarn
Validations