[Silk UI Web] using a textarea gives a glitch when editing in a from

[Silk UI Web] using a textarea gives a glitch when editing in a from

  
Forge Component
(47)
Published on 11 Nov (3 weeks ago) by OutSystems Labs
47 votes
Published on 11 Nov (3 weeks ago) by OutSystems Labs

Hi,

check this out.

when getting the focus in the textarea, the size is changed.

when tabbing out again, it's resized back to original.


This is very annoying visually.

https://joostlandgraf.outsystemscloud.com/SilkUiWeirdness/Home.aspx?_ts=636141973237172384

When the input isn't on focus he has a css class called "ReadOnly", when on focus he remove that class. Seems to be a if statement to define css classes to apply.

I can only report having the same issue (P10).

It has something to do with spacing between lines styles.

Hello J and Tiago Neves, 

There here goes a quick fix to solve your issue: 

.Form textarea:focus {
     line-height: 30px;
} 


Best Regards, 

José Rosário

Thanks, but I hope it's getting fixed properly in silkUI :)