Grid+RichTextEditor : rich text editor does not show value when first set up

[enver-haase]

Description

Please see attached minimal reproducible example. Only when I click the button can I see the text content of the RichTextEditor grid cells.

Expected outcome

I would think the editor should show the content immediately, not only when refreshed though a button click.

Minimal reproducible example

package com.example.application.views.main;

import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
import com.vaadin.flow.component.richtexteditor.RichTextEditor;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;

@PageTitle("Main")
@Route(value = "")
public class MainView extends HorizontalLayout {
    public MainView() {

        Grid<Integer> grid=new Grid<>();
        grid.addColumn(Object::toString).setHeader("I");
        grid.addComponentColumn(i -> {
            RichTextEditor rte = new RichTextEditor();
            rte.asHtml().setValue("<h1>"+i.toString()+"</h1>");

            rte.setReadOnly(true);
            return rte;
        }).setHeader("Text");
        Integer[] issss= {1,2,3,4,5};
        grid.setItems(issss);

        Button button = new Button("Click me to work around display bug", e -> {
            Integer[] foo = {1,2,3,4,5};
            grid.setItems(foo);
        });


        add(grid, button);
    }
}

Steps to reproduce

Use code above as a view, enjoy.

Environment

Vaadin version(s): 23.3.4
OS: macOS latest

Browsers

Chrome, Firefox

[tomivirkki]

Caused by #4554