Skip to content

[Button] Text wrap issueΒ #38675

@oliviertassinari

Description

Steps to reproduce πŸ•Ή

Link to live example:

Steps:

  1. https://codesandbox.io/s/inspiring-browser-c7qmv7?file=/Demo.tsx

Current behavior 😯

Screenshot 2023-08-27 at 20 33 12

Expected behavior πŸ€”

Screenshot 2023-08-27 at 20 33 05

Context πŸ”¦

It looks more correct on Material UI:

Screenshot 2023-08-27 at 20 38 13

https://codesandbox.io/s/peaceful-khorana-27gct9

but a lower line-height would I think feel better.

Your environment 🌎

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

Metadata

Assignees

No one assigned

    Labels

    component: buttonThis is the name of the generic UI component, not the React module!enhancementThis is not a bug, nor a new featuregood first issueGreat for first contributions. Enable to learn the contribution process.package: joy-uiSpecific to @mui/joypackage: material-uiSpecific to @mui/material

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions