Ellipsis in header of Grid web component, altough there is enough space

[provi-dominik]

Description

If I create the following Grid without an entry, the last column header is displayed with ellipsis:
Grid grid = new Grid<>(Person.class, false);
grid.addColumn(Person::getFirstName).setHeader("First name").setFlexGrow(1);
grid.addColumn(Person::getLastName).setHeader("Last name").setFlexGrow(0);
grid.addColumn(Person::getEmail).setHeader("Email").setFlexGrow(0);
grid.addColumn(Person::getProfession).setHeader("Profession").setFlexGrow(0).setAutoWidth(true).setFrozen(true);

If I don't set the frozen property to true, the column header is displayed without an ellipsis:

Expected outcome

The last column header should appear without an ellipsis.

Minimal reproducible example

See the code in the description. It is based on the examples in the docs:
https://vaadin.com/docs/latest/components/grid

Steps to reproduce

Add the Grid (see code above) to a view. The view should have enough space for the grid.

Environment

Vaadin version(s): 24.6.0
OS: Windows

Browsers

Issue is not browser related

[web-padawan]

Have you tried setFrozenToEnd(true) instead? That should be used for frozen columns at the end of the grid.

[provi-dominik]

No, but in my application the frozen column is the first column of the grid.