-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
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.
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
Badge changed from inline to block element in 7.12.1 #6698
Comments
Note that this open PR is modifying the same files, and may indirectly fix the issue: #6680 |
Fixed in 7.12.2 |
@rtivital Hi. I'm lazy to open a new issue, but want to note that while changing For me, I fixed it by forcing |
Dependencies check up
What version of @mantine/* packages do you have in package.json?
7.12.1
What package has an issue?
@mantine/core
What framework do you use?
Vite
In which browsers you can reproduce the issue?
Chrome
Describe the bug
Historically, the
<Badge>
component has been inline (as recently as 7.12.0).PR #6629 changed the default
display: inline-flex;
todisplay: grid;
As a result, the
<Badge>
component is now a block element that renders on a separate line, rather than inline with surrounding text.If possible, include a link to a codesandbox with a minimal reproduction
https://codesandbox.io/p/sandbox/mantine-react-template-forked-h6nz7y?workspaceId=864c2f33-ed0a-40ed-8284-c63d6dee1bc2
Possible fix
Change
display: grid
todisplay: inline-grid
?Self-service
The text was updated successfully, but these errors were encountered: