mui / mui/material-ui

[TextField] Backspacing after line break in multiline causes height issues on Safari

Open
#45,293 7 comments 0 reactions 2 assignees View on GitHub

Nobody has claimed this yet.

browser: Safari component: TextareaAutosize scope: text field type: bug
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Steps to reproduce

Steps:

  1. Open this link to live example: https://codesandbox.io/embed/frpzyp?module=/src/Demo.tsx&fontsize=12(required)
    2.Enter a line of English characters with space in the middle.
    3.Enter one more character and the line will wrap. Deleting a character will cause height problems.
Current behavior

On safari

https://github.com/user-attachments/assets/203e552e-c4b4-4bff-8114-8ee3a15358e2

Expected behavior

On Chrome

https://github.com/user-attachments/assets/b6a8ce13-6033-4cb7-86fc-62b1ee2f4212

Context

No response

Your environment
npx @mui/envinfo
  On safari

Search keywords: Textfield multiple height

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.