Я использую YUI reset и jquery AutoGrow вместе на одном сайте. Он отлично работает на Firefox, но IE 7 ведет себя плохо. Текстовая область становится все больше, даже с небольшим количеством текста.
Ниже приведен пример, демонстрирующий проблему. Если я закомментирую таблицу стилей сброса, автострада будет работать правильно.
Я надеюсь, что есть некоторые простые CSS, которые я могу переопределить, чтобы исправить это. Я далеко в этом проекте, чтобы перейти от сброса YUI.
<!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>
У меня была такая же проблема в IE8, но вместо того, чтобы быть связанной со сбросом YUI, казалось, что это были шрифты YUI, вызывающие проблему.
Исправлено, установив размер шрифта в 1em. Попробуй.