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

Autocomplete (downshift) <TextField /> doesn't appear to respect multiline #10635

Closed
1 task done
ghost opened this issue Mar 13, 2018 · 2 comments
Closed
1 task done
Assignees
Labels
bug 🐛 Something doesn't work component: autocomplete This is the name of the generic UI component, not the React module!

Comments

@ghost
Copy link

ghost commented Mar 13, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When specifying multiline={true} in the <TextField> component of the downshift example code, I would expect to see the selected value chips wrapping round on to multiple lines when they reach the maximum available width.

Current Behavior

The selected chips do not wrap, instead they continue out of the side of their container

Steps to Reproduce (for bugs)

Example here: https://codesandbox.io/s/km3qxq055r
Note multiline={true} has already been added to the <TextField>

Context

I am attempting to use the Autocomplete (downshift) component within a Dialog and space is limited, hence my requirement for multiline

Your Environment

Tech Version
Material-UI 1.0.0-beta.35
React 16.2.0
browser Chrome 65.0.3325.146 (Official Build) (64-bit) on Linux
@oliviertassinari
Copy link
Member

oliviertassinari commented Mar 13, 2018

@Chuckatron The multiline={true} property is here for rendering a <textarea> element. It won't help in your use case. Don't try it.
I have added some style to improve the rendering: #10641. Let me know what you think about it.

@ghost
Copy link
Author

ghost commented Mar 14, 2018

@oliviertassinari That's looks much better! Many thanks indeed for that, and such a speedy response too! 👍

@oliviertassinari oliviertassinari added the component: autocomplete This is the name of the generic UI component, not the React module! label Apr 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: autocomplete This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

1 participant