Skip to content

ListItemText showed under ListItemSecondaryAction #8205

@nilem

Description

@nilem

Expected Behavior

When having long text or small screen, it would be nice if the ListItemText could truncate before being under ListItemSecondaryAction.

Current Behavior

At the moment, ListItemText is larger than the space available, making it to render text under the ListItemSecondaryAction.

Steps to Reproduce (for bugs)

  1. Go to https://material-ui-1dab0.firebaseapp.com/demos/lists/
  2. Resize window to 200px.
  3. Check the example with "Bluetooth", text is under the switch.

Here a screenshot : https://screenshots.scolab.com/Public/Jing/JPC/retour_1F47807C.png

Context

I'm using the ListItemText with much longer text, making this problem far more often and on larger screens.

Your Environment

Chrome/Mac.

Metadata

Metadata

Labels

docsImprovements or additions to the documentation.good first issueGreat for first contributions. Enable to learn the contribution process.scope: listChanges related to the list

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions