Grid with component renderer shows empty rows on chrome 72

[bbaumgartner]

Description

Given:

    @Route("grid")
    public class GridView extends VerticalLayout {
    
        public GridView() {
            setSizeFull();
    
            Grid<Object> grid = new Grid<>();
    
            grid.addColumn(new ComponentRenderer<>(row -> {
                VerticalLayout result = new VerticalLayout();
    
                Label label = new Label("Row " + row.toString());
                result.add(label);
    
                return result;
            })).setHeader("Component Renderer");
    
            grid.setItems(IntStream.range(0, 500).boxed().collect(Collectors.toList()));
    
            add(grid);
        }
    }

Expected outcome

Show the grid with the rows:

Actual outcome

On chrome 72.0.3626.109:

Live Demo

Well, not exactly the same but I think it is related:

1. Open with chrome 72: https://admin-ui-demo.comerge.net/card-view
2. Switch to simple view
3. Switch to card view

• IS: The first card is Aaliyah Lohmann
• SHOULD: The first card is Aaliyah Alizadeh
  Now resize the browser window until the first card magically pops up

Browsers Affected

As far as I see only Chrome 72 is affected, it works in all other browsers, including chrome 71 and chrome canary

[bbaumgartner]

Oh yeah, that's with vaadin 12.0.6/ grid 2.1.5

[web-padawan]

Duplicate of vaadin/flow#5025 which is already fixed in Flow. The fix to be backported to V12.
We understand the importance of this issue so the team will take care of landing the fix ASAP.

[bbaumgartner]

Thank you Serhii