Regression in TreeGrid and Grid with ComponentColumn?

Dear all,

I’m migrating 2 applications from 24.9.x to 25.0.2 and I’m facing what I believe is a regression in TreeGrid.

I build a TreeGrid with a single column. The column is a ComponentColumn.

grid = new Grid();
grid.configureBean(SomeBean.class, false);
grid.addComponentColumn(SomeBeanRenderer.class).setFlexGrow(1).setResizable(false).setKey("SOME_KEY);

In the renderer class I build a layout and that layout contains buttons / checkboxes etc.

Unfortunately in 25 these widgets are no longer accessible (you can’t click them as the (Tree)Grid seems to consume the click for row selection or expand / collapse.

Has anybody else already encountered this problem? Is there a workaround?

Many thanks in advance

Alex

Hi!

Would you be able to provide a minimal reproducible example so we can understand where the issue is originating?
I have tested some of our UIs using the addComponentColumn API and couldn’t reproduce the issue.

Hi Diego,

I’ll create a sample project in order to try to reproduce the issue.

I’ll keep the thread updated.

Thanks … an btw … Happy New Year to the entire Vaadin team and community.

Alex

Hi Diego,

I used the sample task list project to reproduce the issue. I wanted to attach the exported file but attachments don’t allow zip file. So I renamed my zip to mov In this example I use a treegrid and create the addComponentHierarchyColumn and the button inside the renderer is not accessible.

Hope this helps to figure out what is causing the issue.

Regards,

Alex

Sorry I can’t upload the file.

What I can confirm … the problem occurs on the addComponentHierarchyColumn. When I add a separate componentColumn the button inside the componentColumn is indeed accessible.

Short update … it looks like you can work around the issue by add “pointer-events: auto” to the button in the componenthierarchy column to prevent the click on the button to toggle the treegrid item.

Alex

Hi Alex, happy New Year to you too!

Sorry for not replying earlier.

Just to confirm, are you using the Aura theme in your project? I just tested it out, and I could only see it running with Aura but not with Lumo:

Hi Diego,

yes, indeed I’m using Aura in 25 and obviously used Lumo in 24.9.x.

Alex

Thanks for clarifying it! Created a ticket for this issue: [base styles] Component inside `vaadin-grid-tree-toggle` not interactable · Issue #10873 · vaadin/web-components · GitHub

1 Like

Thank you Diego. I’ll keep an eye on issue in github.

Regards,

Alex