TextField input UI inconsistent when scrolling + bad word break

[Saladinek]

Bug Report

Prerequisites

• Can you reproduce the problem in a MWE?
• Are you running the latest version?
• Did you check the FAQs to see if that helps you?
• Are you reporting to the correct repository?
• Did you perform a search in the issues?

Version:

1.5.0

Description:

When a TextField is in multiline mode, words will be broken improperly between two lines, if the text is too long to fit.
When we add label to the TextField and the text is long enough to trigger scrolling feature, a portion of the text disapears later than the rest due to an incorrect size of label.

Steps to reproduce:

Go to KitchenSink, shrink your browser to make the TextField smaller, add following code and type some long enough text to trigger scrolling (Bad word breaking will most probably be there already):

const { TextField } = require('precise-ui');
<TextField multiline label="Dummy Label" />

Expected Behaviour

The TextField breaks lines of text correctly and not in the middle of the word without any indication.
When scrolling through the text, text disapears in one line.

Actual Behaviour