-
-
Notifications
You must be signed in to change notification settings - Fork 32.6k
[button ]v9.0.1 breaks layout with custom CSS gap #48539
Copy link
Copy link
Closed
Labels
has workaroundThere’s a bug, but users have a complete workaround, so no urgent fix or release is needed.There’s a bug, but users have a complete workaround, so no urgent fix or release is needed.scope: buttonChanges related to the button.Changes related to the button.type: regressionA bug, but worse, it used to behave as expected.A bug, but worse, it used to behave as expected.
Metadata
Metadata
Assignees
Labels
has workaroundThere’s a bug, but users have a complete workaround, so no urgent fix or release is needed.There’s a bug, but users have a complete workaround, so no urgent fix or release is needed.scope: buttonChanges related to the button.Changes related to the button.type: regressionA bug, but worse, it used to behave as expected.A bug, but worse, it used to behave as expected.
Fields
Give feedbackNo fields configured for issues without a type.
Steps to reproduce
Steps:
Buttonwith astartIconand agap: 20pxstyleExample:
Current behavior
9.0.1: https://stackblitz.com/edit/github-5wywe1mb-abkffyvk?file=src%2FApp.tsx
Expected behavior
9.0.0: https://stackblitz.com/edit/github-5wywe1mb-o1rdasp8?file=src%2FApp.tsx
Context
PR #48332 fixes a bug in the
Buttoncomponent by introducing a::beforepseudo element that supplies acontent: '\200b'attribute (non-breaking space). This additional content breaks existing layouts. I expect a patch version upgrade to not break my layouts.This happens across latest Chrome, Chrome Canary, Safari, and Firefox.
Your environment
npx @mui/envinfoSearch keywords: 9.0.1 button