#Minification breaks paragraphs.

1 messages · Page 1 of 1 (latest)

civic crag
#

Hello, I've been having issues with minification, as it's breaking my paragraphs, to be honest this is something I'd expect to work out of the box, because what if I want to create a static page with line breaks inside paragraphs (without using the br tag)?

This is the sample text I've used:

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua.

      Pellentesque massa
      placerat duis ultricies. Ipsum faucibus vitae aliquet nec ullamcorper sit
      amet risus. Justo donec enim diam vulputate ut pharetra. Enim blandit
      volutpat maecenas volutpat blandit. Arcu bibendum at varius vel pharetra
      vel turpis.

      Consectetur lorem donec massa sapien faucibus et molestie ac.
      Sit amet aliquam id diam maecenas. Tempor id eu nisl nunc mi ipsum
      faucibus vitae aliquet.

      Porttitor eget dolor morbi non arcu risus quis
      varius quam. Massa sapien faucibus et molestie ac feugiat sed. Enim tortor
      at auctor urna nunc id cursus. A diam maecenas sed enim ut. Viverra
      suspendisse potenti nullam ac tortor vitae purus. Arcu ac tortor dignissim
      convallis aenean. Faucibus purus in massa tempor nec feugiat nisl pretium.
      Lectus proin nibh nisl condimentum. Nisl rhoncus mattis rhoncus urna
      neque. Lobortis mattis aliquam faucibus purus in massa. Dolor morbi non
      arcu risus quis varius quam. Penatibus et magnis dis parturient montes
      nascetur. Placerat in egestas erat imperdiet sed euismod nisi. Varius quam
      quisque id diam vel quam elementum pulvinar etiam. Aliquam vestibulum
      morbi blandit cursus risus. Nibh sit amet commodo nulla facilisi.
      Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed. Quis
      enim lobortis scelerisque fermentum dui faucibus in. Lorem ipsum dolor sit
      amet consectetur adipiscing elit. Est placerat in egestas erat imperdiet
      sed euismod. Vitae congue mauris rhoncus aenean. Id aliquet lectus proin
      nibh nisl condimentum id venenatis. Sapien faucibus et molestie ac feugiat
      sed lectus vestibulum. Vitae ultricies leo integer malesuada nunc.
      Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat
      vivamus at. Et pharetra pharetra massa massa ultricies mi quis hendrerit
      dolor. Malesuada nunc vel risus commodo viverra maecenas accumsan lacus
      vel. Eros donec ac odio tempor orci dapibus. Cursus euismod quis viverra
      nibh. Vel elit scelerisque mauris pellentesque pulvinar. Sagittis vitae et
      leo duis ut diam quam nulla porttitor.

Here's the minimal reproduction: https://stackblitz.com/edit/vitejs-vite-4mhj7r?file=src%2FApp.tsx

#

Well, at least I think it might be because of minification, unless there's another reason for it to be written as a single line?

dreamy shore
#

Have you checked the generated HTML and set the right CSS property? By default multi-line html is collapsed into a single line by the browser.

#

You have to set css properties to change this.

#

.preserve-linebreaks { white-space: pre; }