Clicking on click to enter on two digit numbers make the contents of the cell (lens table) disappear

[bhavyarm]

Kibana version: 8.4.0 BC4

Elasticsearch version: 8.4.0 BC4

Server OS version: darwin_x86_64

Browser version: chrome latest

Browser OS version: OS X

Original install method (e.g. download page, yum, from source, etc.): from staging

Describe the bug: If you click on icon to interact with cell contents and the value is a two digit number - the action completely covers the contents of the cell.

weird.mp4

[elasticmachine]

Pinging @elastic/kibana-vis-editors @elastic/kibana-vis-editors-external (Team:VisEditors)

[drewdaemon]

Could alleviate the problem by giving the extra actions div a transparent background.

Single-digit numbers would still be completely obscured, though.

Edit: come to think of it... I think this would be on the EUI side, though we could always override styles from our end.

[flash1293]

This seems very similar to these known issues:
#99312
elastic/eui#5828

However it's slightly different because the cell actions should push out the number, it seems like they stopped doing it at some point. Discover has the same problem, so it's not unique to Lens, but I wonder why the "pushing out" stopped working. @chandlerprall @constancecchen could you have a look at this? Is there something wrong with how Lens and Discover are using the data grid?

[cee-chen]

The "pushing out" CSS/effect occurs only on row heights of undefined/"Single" in the UI:

If you are using a row height with a lineCount of 1 ("Custom" in the above popover) or a static height (e.g. 30px), then the cell actions overlap the cell content instead of "pushing" the cell content.

Agreed that elastic/eui#5828 might need to account for this as well.

[flash1293]

OK, let's address this for now by not passing a line count of 1 but undefined to get back the push-out behavior