0
Ich benutze YUI reset und jquery AutoGrow zusammen auf der gleichen Website. Es funktioniert gut auf Firefox, aber IE 7 verhält sich schlecht. Die Textarea wächst zu groß mit einer kleinen Menge Text darin.jquery autogrow mit yui-reset verursacht ein fehlerhaftes Verhalten in IE7
Unten ist ein Beispiel, das das Problem veranschaulicht. Wenn ich das Reset-Stylesheet auskommentiere, verhält sich die automatische Vergrößerung korrekt.
Ich hoffe, es gibt einige einfache CSS, die ich überschreiben kann, das wird das beheben. Ich bin viel zu weit in dieses Projekt, um vom YUI Reset weg zu schalten.
<!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" >
<head>
<title></title>
<link href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://www.aclevercookie.com/files/jquery.autogrow.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("textarea").autogrow();
});
</script>
<style type="text/css">
textarea
{
width: 99%;
line-height: 18px;
}
</style>
</head>
<body>
<textarea>abc</textarea>
<textarea>this quantity of text should not cause the textarea to grow yet.</textarea>
</body>
</html>