[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
(49)
Published on 8 Mar (3 weeks ago) by OutSystems R&D
49 votes
Published on 8 Mar (3 weeks ago) by OutSystems R&D

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 :)


Hello,

I have a same problem and this solution:

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

is not resolved this issue.

Another ideas?

Thanks, Irina