[BUG] UI Glitch when mouseover Discover document

[seanneumann]

Describe the bug

When you go to the Discover and mouseover a document, the text shifts when the expand button appears.

To Reproduce
Steps to reproduce the behavior:

1. Go to Discover
2. Make sure there are multiple documents listed
3. Hover mouse over a document
4. Notice the text shift when the expand button appears.

Expected behavior
The button should exist on a higher z-index and not manipulate the document space. The text should not shift.

Dashboards Version
2.11 early build

[ShatilKhan]

I'd like to take a look at this

[kgcreative]

This may be an implementation bug with the OUI Data Grid component, and how truncation + the hover overlay interacts with each other

[joshuarrrr]

Yeah, I'm also pretty sure this will first need a fix at the OUI component level.

[ShatilKhan]

Can I get some guidance on what kind of changes should be made on OUI component level @joshuarrrr
Maybe I can open an Issue & work on it in OUI?

[kgcreative]

So looking at OUI it seems like data grid will float those items by default (there is no text jank in the demo website) -- this leads me to believe there may be some overrides or props that aren't set correctly in the implementation. I would start there

[ShatilKhan]

All right I'll look into OUI & try to understand it

[joshuarrrr]

@kgcreative Do you know if the demo site have any cells with multiline text (i.e., where the text needs to be wrapped within the cell)? I think that's the failure case we're seeing here.

[kgcreative]

@kgcreative Do you know if the demo site have any cells with multiline text (i.e., where the text needs to be wrapped within the cell)? I think that's the failure case we're seeing here.

Honestly this seems like an opportunity to expand the examples in the documentation page for data grid, particularly if we plan to use it in more cases. Should we track that in a separate issue?

[ananzh]

Can‘t reproduce it any more in data grid table. Legacy table has no such issue. Close it.