2009-07-22 4 views
0

J'utilise YUI reset et jquery AutoGrow ensemble sur le même site. Cela fonctionne très bien sur firefox, mais IE 7 se comporte mal. La zone de texte devient très grande avec même une petite quantité de texte.jquery autogrow avec yui-reset provoque un mauvais comportement dans IE7

Voici un exemple qui illustre le problème. Si je commente la feuille de style de réinitialisation, l'auto-développement se comporte correctement.

J'espère qu'il y a quelques css simples que je peux redéfinir pour résoudre ce problème. Je suis bien loin de ce projet pour passer de la réinitialisation 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> 

Répondre

0

J'ai eu ce même problème dans IE8, mais plutôt que étant liée à la réinitialisation YUI, il semblait être des polices YUI l'origine du problème.

Correction en définissant la taille de police à 1em. Essayez-le.