Width of floating label in UiTextbox not correct

[sagg]

Hi,

the floating label is producing scrollbars cause it does not fit into it's own container.
I made a small example using a modal, there it's pretty easy to see.
https://codesandbox.io/s/vue-template-uimd7

Thanks. :)

[JosephusPaye]

Hi @sagg,

Yeah, it's easy to see. This happens because we're scaling the label up to sit in the textbox when there's no input. This makes the width grow past 100%.

We can fix this by updating .ui-textbox__label to hide any overflow:

.ui-textbox__label {
	overflow: hidden;
}

[JosephusPaye]

Fixed in 3e998ff.