ovh-ui-kit
ovh-ui-kit copied to clipboard
[oui-popover] Text overflow if a word is too long
Description
Using popover
with a long word result in a visible overflow
this is due to the following css:
.oui-popover {
max-width: 18.75rem;
}
Steps to reproduce
- 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.