Came across a strange behavior in IE 11 and wanted to see if anyone else has seen this. I have an input element inside a container with height: 0px;
and overflow: hidden;
. Another element triggers an active class on the container to give it some height, with a CSS transition. The same trigger calls focus()
on the input.
In IE 10 and 11, it seems as though calling focus() during a CSS animation causes the input element to freeze in it's position at that stage in the animation.
Notice, in IE 10+, the input cursor is off vertical center. If you remove the transition from the CSS, it will be centered.
Anyone else seen this or have a better solution?