Line breaks in Next.js 12

Issues
1

Hi! Found a problem with line breaks. I use Next.js 12. When I run next dev, text with line breaks displays correctly. When I run next build and next start, text displays without line breaks.

I think it’s because in production build plasmic_<project_name>.module.css connects before plasmic__default_style.module.css and white-space: inherit; rewrites white-space: pre-wrap; .

To fix this problem I temporarily added !important to plasmic_<project_name>.module.css:

.root_reset {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #535353;
  text-align: left;
  text-transform: none;
  line-height: 1.5;
  letter-spacing: normal;
  white-space: pre-wrap !important;
}
2

Hi Artem, thanks for reporting we are going to take a look at it.

3

Hi @electronic_falcon what’s the project ID where you’re seeing this?