Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
jperchoc opened this issue Mar 18, 2022 · 0 comments
Open

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

jperchoc opened this issue Mar 18, 2022 · 0 comments
Labels

Comments

@jperchoc
Copy link
Contributor

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.

@acavalloni acavalloni added the bug label Jun 15, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants