ovh/ovh-ui-kit

[oui-popover] Text overflow if a word is too long

jperchoc opened this issue · 0 comments

Description

Using popover with a long word result in a visible overflow

image

this is due to the following css:

.oui-popover {
    max-width: 18.75rem;
}

Steps to reproduce

  1. Create a popover element with a long text

Expected behavior:

The text should fit in the popover

Frequency:
5 (always)

Additional information

Workaround used:

.oui-popover {
        max-width: fit-content;
}

However, this is probably not the best solution. Maybe we want to check if the text contains a long word, but I'm not sure if it is doable.