Afficher la position du curseur dans un champ de texte dans Firefox ou redimensionner le champ si nécessaire

Question

Il y a un bug gênant dans Firefox qui me permet de définir la position du curseur dans un champ de texte, mais il ne fait pas automatiquement défiler ce curseur à la vue.

Mon problème particulier se pose lors de l'utilisation du plug-in d'entrée masqué jQuery ( http: // digitalbush. com / projets / plug-in masqué / )

Si la largeur du champ de texte est inférieure à la largeur de l'entrée, vous ne pouvez pas voir ce que vous tapez. J'ai besoin d'un moyen de résoudre ce problème ou de forcer la zone de texte à se développer.

Voici un exemple de code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script type='text/javascript'>
jQuery(function($){
   $('#phone').mask('(999) 999-9999? ext:99999');
});
</script>
<input type="text" id="phone" name="phone" value="" width="10">

Answer 1

Cela a déjà été dit, mais vous pouvez essayer de définir l'attribut size de l'élément input, de manière statique ou dynamique.