Closed ozantekin closed 3 days ago
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;
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