I have an input field with some text, and I am trying to toggle its visibility. The problem I’m running into is that after toggling slide animations on the field, its text is invisible.
When the field is brought into focus though, the text is visible again.
I’ve tested this on Safari/IE/FF and the input text stays visible, but I cannot figure out why Chrome is acting so odd.
The problem is that jQuery sets the display of the input to
inline-blockwhen it does an.slideDown()and that makes Chrome render it incorrectly.You have a couple of options, for example wrap the input in a div, or set the display to block