ovh-ui-kit icon indicating copy to clipboard operation
ovh-ui-kit copied to clipboard

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

Open jperchoc opened this issue 2 years ago • 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.

jperchoc avatar Mar 18 '22 14:03 jperchoc