ExtJS — grid rowwidget plugin creating widgets on scroll

Question

I have an ExtJS 6.5.1 app. I have a grid that uses the "rowwidget" plugin with a grid as the widget. If I scroll the parent grid all the way to the bottom then back to the top, it creates a duplicate widget for that row causing unexpected behavior.

Here is the fiddle.

Steps to reproduce: 1) Expand any row 2) scroll parent grid all the way to the bottom 3) scroll back to top

and you will notice the length of the widget component increasing meaning multiple instances are being created. After a while everything breaks and I get all sorts of errors.

Answer 1

I think I find the culprit, the grid is "bufferedRenderer: true" by default, set it to false

bufferedRenderer:false

otherwise it keeps erasing the widget when the row is out of view and when you scroll back it creates another one