Prevent TEXTAREAs scroll by themselves on IE8
- by Justin Grant
IE8 has a known bug (per connect.microsoft.com) where typing or pasting text into a TEXTAREA element will cause the textarea to scroll by itself. This is hugely annoying and shows up in many community sites, including Wikipedia. The repro is this:
open the HTML below with IE8 (or use any long page on wikipedia which will exhibit the same problem until they fix it)
size the browser full-screen
paste a few pages of text into the TEXTAREA
move the scrollbar to the middle position
now type one character into the textarea
Expected: nothing happens
Actual: scrossing happens on its own, and the insertion point ends up near the bottom of the textarea!
Below is repro HTML (can also see this live on the web here: http://en.wikipedia.org/w/index.php?title=Text_box&action=edit)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
<div style="width: 80%">
<textarea rows="20" cols="80" style="width:100%;" ></textarea>
</div>
</body>
</html>