[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 2016-11-11 by OutSystems Labs
49 votes
Published on 2016-11-11 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 :)


Hello,

I have a same problem and this solution:

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

is not resolved this issue.

Another ideas?

Thanks, Irina