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.

Sign up for GitHub

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

Jump to bottom

ActionList.Item doesn't break long words and causes overflows #4328

Open
maximedegreve opened this issue Feb 29, 2024 · 0 comments
Open

ActionList.Item doesn't break long words and causes overflows #4328

maximedegreve opened this issue Feb 29, 2024 · 0 comments
Labels
bug Something isn't working component: ActionList react size: pebble

Comments

@maximedegreve
Copy link
Contributor

maximedegreve commented Feb 29, 2024 •
edited

Description

When doing an audit on our responsive patterns throughout GitHub I've bumped into ActionList.Item bug inside Copilot.
The ActionList.Item there didn't break my long repository name causing a overflow.

Screenshot of the Copilot view on mobile

Steps to reproduce

I've created a code sandbox to demonstrate the issue and the potential solution of using wordBreak: 'break-all'.

CodeSandbox

Version

Latest

Browser

Chrome, Safari
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working component: ActionList react size: pebble
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@maximedegreve @joshblack