We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
7.12.2
@mantine/core
Next.js
Chrome
The Breadcrumbs component causes UI issues on mobile and similar devices. When viewed on smaller screens, the layout breaks.
Sample:
https://codesandbox.io/p/sandbox/mantine-react-template-forked-5ngrmy
Adding flex-wrap: wrap; to the root style could resolve the issue.
flex-wrap: wrap;
The text was updated successfully, but these errors were encountered:
Successfully merging a pull request may close this issue.
Dependencies check up
What version of @mantine/* packages do you have in package.json?
7.12.2
What package has an issue?
@mantine/core
What framework do you use?
Next.js
In which browsers you can reproduce the issue?
Chrome
Describe the bug
The Breadcrumbs component causes UI issues on mobile and similar devices. When viewed on smaller screens, the layout breaks.
Sample:
If possible, include a link to a codesandbox with a minimal reproduction
https://codesandbox.io/p/sandbox/mantine-react-template-forked-5ngrmy
Possible fix
Adding
flex-wrap: wrap;to the root style could resolve the issue.Self-service
The text was updated successfully, but these errors were encountered: