JQuery Autogrow с YUI-сброс вызывает плохое поведение в IE7 - PullRequest
0 голосов
/ 22 июля 2009

Я использую 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>

1 Ответ

0 голосов
/ 19 августа 2009

У меня была такая же проблема в IE8, но вместо того, чтобы быть связанной со сбросом YUI, казалось, что это были шрифты YUI, вызывающие проблему.

Исправлено, установив размер шрифта в 1em. Попробуй.

...