react icon indicating copy to clipboard operation
react copied to clipboard

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

Open maximedegreve opened this issue 1 year ago • 0 comments

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

maximedegreve avatar Feb 29 '24 13:02 maximedegreve