Visual glitches while scrolling - Bad performance - Not smooth visualization

Content doesn't render smoothly while scrolling on desktop (Chrome/Firefox) and mobile devices. Visual glitches appear even if you scroll very slowly. This happens with both **DynamicScroller** and **RecycleScroller**. In my case I have a list of 300 cards with variable height, approximately 180px each. The card is composed mostly of **Vuetify 2.0** components `, , , , <-v-chip>, `, etc., where most of them have `display: flex, justify-content, align-self` and other alignment CSS properties.

### [**Demo Scroll Issue Here**](https://codesandbox.io/s/github/s-a-s-h-o/scroll-performance-issue)

**Example: DynamicScroller pseudo configuration**

```

```
I ran several performance tests and the overall FPS drops drastically when scrolling. You can see it here ->

Vue Virtual Scroller - Performance Issues

I found out that each DynamicScrollerItem represents a layer (in Chrome Layers tool) which is positioned with the help of transform: 'translateY(number)'. Could this cause the issue? I tried various configurations with min-item-size, buffer and other props with no avail.

Any ideas are welcome and thank you for your attention!