Vaadin 8.4.5 Grid multi-line cells

Vaadin 6 / 7 / 8
1

Hello,
in our project we currently face the issue to display a grid with multi-line cells.

1 Max Meier Software Engineer
2 Peter Müller Proposal Manager
Unit Health
3 Dieter Meier Principal
Solution Architect
IBM Software

The problem is, that a cell item can run from 1 to 3 lines.

At the moment we use the following configuration (table is a Grid):

 table.setHeightMode(HeightMode.ROW);
 table.setHeightByRows(3); //maximum three lines spanning cells
 table.setBodyRowHeight(rowHeight);

Now we currently face the issue, that the
vaadin calculated value for the “height” in the Element v-grid-tablewrapper is
wrong calculated on iPhone SE (only). It results in that the last entry of the table
is only partly visible. The bug doesn’t exist on other mobile devices, like IPad Mini, Samsung Galaxy S3 or iPhone 7.

<div class="v-grid-tablewrapper" style="height: 655px; width: 730px;">

  1. I would like to know when this calculation happens, if i can influence it before and why it can give different
    results on different devices.

  2. A workaround would now be to manipulate the inline “height” afterwards via jQuery.
    Page.getCurrent().getJavaScript().execute(fixCalculatedHeight);

What can be possible side effects from this manipulation? Or is there another workaround?

Thanks for your help in advance!