Internet Explorer 11 中的光标偏移

Question

我有一个隐藏的文本区域。当我显示它并在里面聚焦时，光标在 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