[Discover] Styling of "Document" when image field formatter is used #106852
Labels
bug
Fixes for quality problems that affect the customer experience
Feature:Discover
Discover Application
impact:high
Addressing this issue will have a high level of impact on the quality/strength of our product.
Team:DataDiscovery
Discover, search (e.g. data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL.
When having a field configured using the image field formatter (URL > img), the way the summarized "Document" view is shown feels a bit off:
Because currently the text is aligning to the bottom of the image it actually can "push" the text out of the clipped height leaving that above weird view.
It's more obvious what happens when using a higher truncation size:
I don't think this is the ideal presentation when using images, so we should check if we can optimize that. I am not sure if simply aligning to the top is better, since it might cause weird effects with different height texts, so we might need to play around a bit.
This view leads to a couple of more problems when used in data grid, since datagrid doesn't hide overflows (see elastic/eui#4959), leading to a slightly weirder UX, e.g. when selecting cells:
The text was updated successfully, but these errors were encountered: