ovh/ovh-ui-kit

[oui-popover] word-break inside oui-tile-description

jperchoc opened this issue · 0 comments

Description

Using popover inside a oui-tile-description does not work well.
This is due to the oui-tile__description having the following css

word-break: break-all;

image

Steps to reproduce

  1. Create a oui-tile-description element
  2. Add a button with a label-popover

Expected behavior:

The popover should break words

image

Frequency:
5 (always)

Additional information

Workaround used:

.oui-popover {
    word-break: break-word;
}