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

[Autocomplete][material-ui] Placeholder text overflow #41471

Closed
lokomass opened this issue Mar 13, 2024 · 4 comments
Closed

[Autocomplete][material-ui] Placeholder text overflow #41471

lokomass opened this issue Mar 13, 2024 · 4 comments
Assignees
@mj12albert
Labels
component: autocomplete This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material

Comments

@lokomass
Copy link

lokomass commented Mar 13, 2024 •
edited by github-actions bot
Loading

Steps to reproduce

  1. Open The demo in your website with iOS safari :

https://mui.com/material-ui/react-autocomplete/#multiple-values

  1. Add somethings in input and see placeholder text cutted (instead of ellipsis)

IMG_1535

  1. when input lost focus, text ellipsis is correct

IMG_1536

Current behavior

No response

Expected behavior

Placeholder text should always ellipsis or at new line

Context

No response

Your environment

npx @mui/envinfo 
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: autocomplete
@lokomass lokomass added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 13, 2024
@zannager zannager added the component: autocomplete This is the name of the generic UI component, not the React module! label Mar 13, 2024
@mj12albert mj12albert added the package: material-ui Specific to @mui/material label Mar 14, 2024
@mj12albert
Copy link
Member

@lokomass See #40502 (comment) for an example of how you can tweak the styles to fit your use-case

@mj12albert
Copy link
Member

Duplicate of #19137

@mj12albert mj12albert marked this as a duplicate of #19137 Mar 14, 2024
@github-actions github-actions bot added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 14, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Mar 14, 2024
@mj12albert mj12albert removed the duplicate This issue or pull request already exists label Mar 14, 2024
@mj12albert mj12albert changed the title Autocomplete input placeholder text overflow [Autocomplete][material-ui] Placeholder text overflow Mar 14, 2024
@lokomass
Copy link
Author

I've looked at both of your mentions, and the mentioned issues are not the same. What I would like to do is that when I click in the input field, the word 'Favorites' is not cut off like in the first image above, but with small ellipses like in the second image

@lokomass
Copy link
Author

Still open for me, same problem With latest version

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mj12albert mj12albert

Labels
component: autocomplete This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@mj12albert @lokomass @zannager