ZupIT/beagle-web-core

Text components (Angular and React) behaves differently from mobile

Tiagoperes opened this issue · 0 comments

Beagle Web version: 1.2.0

Steps To Reproduce

  1. Create a text component with \n or \t

Link to code example:

https://beagle-playground.netlify.app/#/cloud/813123ee67f144559ac9ede1fdb3a406

The current behavior

\n and \t will be interpreted as a space instead of a line break or a tab.

The expected behavior

A line break or a tab

Fix

Add the style white-space: pre to the paragraph.