Blur event occurs unexpectedly

[lig-zawa]

trafficstars

What I expect

When I press the enter key in a textarea, next textarea is focused without blurring.

Problem

If I press the enter key repeatedly, unexpectedly blur event occurs.

Reproduction here. https://codesandbox.io/s/lingering-wind-7csku?file=/pages/index.vue

[karanivincent]

Did you find a solution to this? I'm experiencing the same problem. When list is updated, the focused element looses focus.

[lig-zawa]

@karanivincent

I'm still searching for a solution. But I found where the problem might be related.

https://github.com/Akryum/vue-virtual-scroller/blob/e4b28fa5dc14add1ba45e378d538656cd9de4959/src/components/RecycleScroller.vue#L486

[hans-pragt]

I ran into this as well, and I modified the component as follows, seemingly without any bad side effects (although I could be wrong):

mounted() {
  this.$refs.my_dynamic_scroller.$refs.scroller.sortViews = function() { /* NOOP */ };
}