[grid-pro] ComboBox in demo is broken on touch device (android)

[web-padawan]

1. open "Custom Edit Mode Renderer" demo on mobile
2. click any cell in the "title" column
3. combo-box appears, then closes immediately
4. value is cleared

Looks like in certain cases it can be interacted with, but then bug occurs on scroll as reported at https://vaadin.com/forum/thread/17981585/bug-with-grid-pro-touch-combo-box-time-picker-editors

[newmeta-ben]

To clarify on your bug report

• the combo box works fine if you interact with it via mouse. Mouse interaction on a chrome tablet is 100% fine.

• the interaction goes weird with touch interaction only (like trying to scroll the combo with touch. selection with touch is OK, if your required option happens to be on screen).

• This issue is not related to on-screen keyboard pop, as it will also happen when a keyboard is connected (no kb pop) - but you still try to interact with touch.

• this is also an issue with time picker element - so this is not just related to combobox - likely the overlay element?

[newmeta-ben]

Upon further testing, this doesn't seem to be a regression. v14.0 has this issue also.

This seems to be related to column sizing.

With the time pickers, if I force a width on the column, I no longer get the overlay collapsing. The same does not work for combo box, though.

[newmeta-ben]

Issue still present on Vaadin 14.1.5

[javier-godoy]

The same issue has been observed in Vaadin 14.4.2 (iPad) - in general, also, affecting other column types such as checkbox.