Material-ui: Chips with long labels don't wrap

Created on 3 Apr 2019  路  2Comments  路  Source: mui-org/material-ui

  • [x] This is not a v0.x issue.
  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 馃


Chips should wrap (or at least have a prop that allows wrapping)

Current Behavior 馃槸


The chip just extends beyond the div

Steps to Reproduce 馃暪


Link: https://codesandbox.io/s/0on28qwo8v

  1. Change size of window

Your Environment 馃寧

| Tech | Version |
|--------------|---------|
| Material-UI | v3.9.3 |
| React | Chrome |
| TypeScript | No |

question

All 2 comments

Srsly?:
image

You're a few days late for April Fools. :)

Unfortunately there's nothing in the spec for a multiline Chip. You could try creating a customised version, but I don't see this being added to the core library, sorry.

Has anyone created a customized version of this? I've tried using renderTags on the Autocomplete component to get this working but have had no luck.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

TimoRuetten picture TimoRuetten  路  3Comments

newoga picture newoga  路  3Comments

zabojad picture zabojad  路  3Comments

rbozan picture rbozan  路  3Comments

sys13 picture sys13  路  3Comments