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() 
}) 

try代码： 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