Disable Hover

[errrken]

trafficstars

Hi,

I am doing a 2D grid, with a lot of mouse interactions. I notice a there is a mouseenter and mouseleave event attached for the hover class, which affects the performance a lot. Is it possible to disable these events somehow?

I am trying to stop the propagations but does not seem to work: <template slot-scope="{ item, index }"> <div @mouseleave.stop.prevent @mouseenter.stop.prevent></div> </template>

Thanks

[TheTrueRandom]

yes please, it is adding a lot of lag:

[slidenerd]

.vue-recycle-scroller__item-view .hover {
  background: none;
}

does not work

UPDATE

.hover .news-item {
  background: $warning-light;
  color: $black;
}

I am able to change the colors but not remove them background: transparent doesnt work

[jibow]

When hovering over the items every component defined in the default slot gets updated which slows down performance significantly. I was able to fix this issue by extracting the components I previously defined in the slot to a single component. Then only this component gets updated. This increased my performance by a factor in the thousands.

[ishitatsuyuki]

Can anyone try if #742 fixes your issue? If you are using yarn you can install it by putting the following in your package.json.

    "vue-virtual-scroller": "npm:@ishitatsuyuki/[email protected]",

cc @Bluskript @EricRabil @AMontagu @YoungL1107

[gans-groover]

Hi, @ishitatsuyuki I've created this pull request as your version seems to be meant for Vue3 : https://github.com/Akryum/vue-virtual-scroller/pull/752