Internet Explorer 11中的游标偏移量

Question

我有一个隐藏的textarea。当我显示并聚焦于内部时，光标在Internet Explorer 11中偏移到顶部。所有其他IE都可以。我如何解决这个新的和令人讨厌的错误以及导致它的原因？

HTML：

<textarea id="textarea"></textarea>
<button id="button">click me</button>

CSS：

#textarea {
  display: none;
}

JS / jQuery的：

$("#button").on("click", function(){
   $("#textarea").show().focus()
})

试用代码： http://jsfiddle.net/fmea9/

Answer 1

请尝试此解决方案：

CSS：

TEXTAREA[hidden]{
   display:none;
}

HTML：

<textarea hidden="hidden" id="txt1"></textarea>

JS：

$('#txt1').removeAttr('hidden').focus(); //to show element
$('#txt1').attr('hidden', 'hidden'); //to hide element