Update from 7.8 to 7.9 broke some styling ( Text component for example ) | Mantine | Page 1

wet mauve May 10, 2024, 2:04 PM

#

Some CSS styles are broken after update from 7.8 to 7.9. And interesting part is that locally run app does have correct styling and deployed one is broken.
Using NextJS
In image, left is local and right is deployed.

#

I guess I have problem in CSS order or something

opal mountain May 10, 2024, 2:52 PM

#

Issue with Next.js, not related to Mantine or 7.9 release in particular. Try updating Next.js to the latest version.

wet mauve May 10, 2024, 3:21 PM

#

nextjs is already at lastest available version ( Next 14.2.3 ). Issue in this case are with styles that are in css modules.

opal mountain May 10, 2024, 3:25 PM

#

wet mauve nextjs is already at lastest available version ( Next 14.2.3 ). Issue in this ca...

You can follow this issue and linked issues to learn more – https://github.com/vercel/next.js/issues/16630

GitHub

Verify CSS import ordering · Issue #16630 · vercel/next.js

A user on twitter reported that Next.js may not order CSS imports from JS correctly. We need to investigate and fix this! https://twitter.com/samselikoff/status/1299032241100787712 NEXT-1350

wet mauve May 10, 2024, 3:26 PM

#

well, this could be the issue. Great find. Thank you @opal mountain

opal mountain May 10, 2024, 3:26 PM

#

wet mauve well, this could be the issue. Great find. Thank you <@228868351865257984>

If your styles are overriden by mantine styles, use https://mantine.dev/styles/mantine-styles/#css-layers

Mantine styles | Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

wet mauve May 10, 2024, 3:27 PM

#

I tried that, but did not help in this case

#Update from 7.8 to 7.9 broke some styling ( Text component for example )