Problem with nested Grid in Grid-ItemDetailsRenderer on Firefox

Flow
1

Hi,
we´ve got the following code:

List<String> l = new ArrayList<>();
l.add("row 1");
l.add("row 2");
l.add("row 3");
l.add("row 4");

stringGrid.setItems(l);
stringGrid.addColumn(String::toString).setHeader("Col 1");

stringGrid.setItemDetailsRenderer(new ComponentRenderer<>(data -> {

    List<String> detailList = new ArrayList<>();
    detailList.add("detailrow 1");
    detailList.add("detailrow 2");
    detailList.add("detailrow 3");
    detailList.add("detailrow 4");

    HorizontalLayout hl = new HorizontalLayout();
    Grid<String> innerGrid = new Grid<>();
    innerGrid.setItems(detailList);
    innerGrid.addColumn(String::toString).setHeader("detail Col 1");


    hl.add(innerGrid);

    return hl;

}));

The nested Grid misses the first line of the given detailList.
This happens only on Firefox. In Chrome there is no problem.

Any ideas how to get the first line visible on Firefox?
I will aprecciatte any kind of help!

17318054.png
17318057.png

2

I’d recommend creating a bug report here: https://github.com/vaadin/vaadin-grid-flow/issues

-Olli

3

Hi Olli,
thanks for your quick answer.
Issue reported: https://github.com/vaadin/vaadin-grid-flow/issues/362

Daniel

4

Thanks!