Images on Table and row selection

Hi,
I’ve created a table where the first column contains an image.
The size of the image is quite large (150x150px)
I noticed that if I click on the image the row will not be selected.

The same behavior also has the example on your site: “Image obtained from Datasource” in CUBA Sampler (https://demo.cuba-platform.com/sampler).

Do you have any suggestions on how to force the row selection?

Hello,
It is a known issue and it will be fixed soon: YouTrack.
As a workaround, I can suggest you the following:

  1. unwrap the Image component:
image.unwrap(CubaImage.class)
  1. use the following method to select a row in the table:
com.vaadin.ui.Image#addClickListener

Best regards,
Daniil.

:ticket: See the following issue in our bug tracker:

https://youtrack.cuba-platform.com/issue/PL-9402