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

Content in chip should break lines when its longer than container #3717

Open
anneskj opened this issue Jan 3, 2025 · 1 comment
Open

Content in chip should break lines when its longer than container #3717

anneskj opened this issue Jan 3, 2025 · 1 comment
Labels
🐛 bug Something isn't working

Comments

@anneskj
Copy link

anneskj commented Jan 3, 2025

Describe the bug

When having a container that is a set size, and the content inside of a chip is longer than the container, the chip overflows instead of breaking label into new line.

Steps to reproduce the bug

  1. Create a box with max size 100px
  2. Add a chip with a label that is bigger than the box
  3. See the chip overflow and cause scroll and not jump to new line

Expected behavior

Expected behaviour is when chip is bigger than container, it will be possible to get the content to jump onto a new line.

Specifications

  • Version: 0.37.0
  • Browser: Chrome
  • OS: MacOS

Additional context

Image
@anneskj anneskj added the 🐛 bug Something isn't working label Jan 3, 2025
@oddvernes
Copy link
Collaborator

I do believe the chips were intentionally designed to not support line break, but this is something we can look into updating 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants