Grid displays blank areas when changing content size

Reuben Sivan

This bug has been around for a while on our system, at least from 7.5.7 (recently verified still happens in 7.6.6).
To reproduce, display a Grid with more rows than fit the window size, for example 31 rows in a small window.
Scroll to the bottom row.
Change the data container size, in our case via a filter that reduces the 31 rows to 9.
The table now shows empty spaces in some areas, sometimes even full empty.
Moving the crollbar can fix part of those empty areas but not all of them.
See attached images.

Screen Shot 2016-05-25 at 17.58.15.png (173.7 kB)

Screen Shot 2016-05-25 at 17.59.23.png (145.2 kB)

Screen Shot 2016-05-25 at 18.00.45.png (95.7 kB)

Reuben Sivan

I was told by support this was fixed in 7.6.5 except for Firefox browsers.
Now I just tested Firefox 47.0 and it appears the fix appliet to that as well.

Evangelos Besis

I don't think Firefox 47 fixed this.
Bug https://dev.vaadin.com/ticket/19802 is still relevant.
In your last test, was the new container size less than the number of rows that would fit without scrolling?

Reuben Sivan

Yes, it was, I'll do more testing soon.

Important Notice - Forums is archived

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Grid displays blank areas when changing content size

Important Notice - Forums is archived

Vaadin lets you build secure, UX-first PWAs entirely in Java.Free ebook & tutorial.

Grid displays blank areas when changing content size

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.