[Button] Text wrap issue
Open
Nobody has claimed this yet.
on hold
package: joy-ui
scope: button
type: enhancement
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce 🕹
Link to live example:
Steps:
Current behavior 😯
Expected behavior 🤔
Context 🔦
It looks more correct on Material UI:
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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox example, especially Demo.tsx, and compare the Button text wrapping with the expected screenshots and the Material UI example. Confirm the wrapping and line-height behavior across the reproduced case; done means the rendered Button matches the expected appearance.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100