When we updated the Text component, our tests didn't catch this one. If you check ?path=/story/screens-onboarding--baseline-saved on a wide viewport, you'll see it no longer wraps. The Text component was changed from block to inline-block allowing it to wrap in certain situations. I added a booleanblock prop to Text allowing me to set it as a block. We could probably tackle this with Row, but Row came with a bunch of styles that would need to be overridden.
When we updated the Text component, our tests didn't catch this one. If you check
?path=/story/screens-onboarding--baseline-saved
on a wide viewport, you'll see it no longer wraps. The Text component was changed fromblock
toinline-block
allowing it to wrap in certain situations. I added aboolean
block
prop to Text allowing me to set it as a block. We could probably tackle this with Row, but Row came with a bunch of styles that would need to be overridden.