When left/right padding on cells is present GridScrollExtension is causing

Directory GridScrollExtension Add-on
1

When left/right padding on cells is present GridScrollExtension is causing last column to be wrapped into second row, making second row not clickable (gridscroll_1.PNG).

When padding is not set grid looks good (gridscroll_2.PNG).

I was trying to change last column width calculation to include padding, but there where always cases when it failed.

I’ve checked different grid margin/padding combinations but without success.

I’m stuck between two issues:

  1. Last column blank space after resize (without extension)
  2. Failing selenium tests because rows are not clickable (with extension)

18445303.png
18445303.png1256×170 21.7 KB

18445306.png
18445306.png1251×142 18.2 KB

2

Without extension grid looks properly (I’ve disabled our theme to use default Valo for screenshots).

Vaadin: 8.11.0
GridscrollExtension: 2.4.3
Viewport: 1360 x 338
Firefox 71 on CentOs Linux
18445325.png

3

To reproduce issue:
I’ve used basic grid implementation from Vaadin8 DataProvider training Exercise 1. I’ve added GridScrollExtension with RESIZE_COLUMN mode. Start resizing width of browser window (making it smaller or wider) - you eventually end up with attached screenshot.

BTW: it is really annoying that you cannot add more attachments during edit of existing message.

18446300.png