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

[TextField] Long label overlaps with an EndAdornment in the TextField for the empty state #44646

Closed
itd-gal opened this issue Dec 3, 2024 · 2 comments
Closed

[TextField] Long label overlaps with an EndAdornment in the TextField for the empty state #44646

itd-gal opened this issue Dec 3, 2024 · 2 comments
Labels
component: text field This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists package: material-ui Specific to @mui/material

Comments

@itd-gal
Copy link

itd-gal commented Dec 3, 2024 •
edited by github-actions bot
Loading

Steps to reproduce

Steps:

  1. Open this link to live example: https://stackblitz.com/edit/react-fytxk4-bhrrp7?file=Demo.tsx

Current behavior

For a TextField in the empty state and an EndAdornment component, a long label overlaps with the EndAdornment.
This also happens for FilledInput, OutlinedInput, and Input.

Expected behavior

I would expect the same behaviour as with a long input (shown in the demo).

Context

No response

Your environment

No special environment is required to reproduce the error.

Search keywords: TextField
@itd-gal itd-gal added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 3, 2024
@mj12albert mj12albert added the component: text field This is the name of the generic UI component, not the React module! label Dec 4, 2024
@mj12albert
Copy link
Member

@itd-gal Thanks for reporting this, here is a workaround you can try: #39427 (comment)

@mj12albert mj12albert added the package: material-ui Specific to @mui/material label Dec 4, 2024
@mj12albert mj12albert changed the title Long label overlaps with an EndAdornment in the TextField for the empty state [TextField] Long label overlaps with an EndAdornment in the TextField for the empty state Dec 4, 2024
@mj12albert
Copy link
Member

Duplicate of #39427

@mj12albert mj12albert marked this as a duplicate of #39427 Dec 4, 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 Dec 4, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Dec 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: text field This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists package: material-ui Specific to @mui/material
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@mj12albert @itd-gal