Disapear this (___)___-____ if the user input is empty which is checked after focus because there is a label position animation

Viewed 11

apear this (___)___-____ if the user input is empty which is checked after focus because there is a label transforming design

I am trying to get a number mask which was easy yes but I want the mask placeholder entire be visual as they stay at default but one thing

I want help in is I want to show placeholder only when in focus or if value is there

I tried the lazy switch with focus in and out stuff but problem is the value is there as the desired placeholder even though it's invisible for input box, more like a transparent text? so I need to remove it, when I use a complex design it gets buggy

suppose when I found out the value is (___)___-____ and I told that from now on value will be ' ' as the condition above matched but this glicthed the input box now I need to refresh to type ahead nor can backspace

Idk how can I achieve this please guide me

Basically what my design is that the label comes up where there is value and goes down when there is no value

but when the user input is entirely empty and it's out of focus I wanna get the value of the input empty.

Hope anyone can help me

0 Answers
Related