Lors de l’exécution du plugin jQuery bgrins / ExpandingTextareas ( github ), les balises dans les tables de largeur 100% ne fonctionnent pas comme prévu. En particulier, la zone de texte ne se développe pas verticalement comme vous le souhaitez et la position horizontale de la zone de texte a un décalage incorrect qui change lors de la saisie du texte.
Voici un exemple jsFiddle illustrant le problème.
J’ai également ouvert un numéro correspondant, le n ° 33 sur GitHub .
Toute idée sur les raisons pour lesquelles cela se produit et comment y remédier serait très appréciée.
veuillez vous référer à cette réponse pour le problème lié à textarea à l’intérieur d’une cellule de tableau.
ci-dessous est ce que j’espère est la solution de votre problème
DEMO
html
One Two
css
table { width: 100%; table-layout: fixed; } textarea { border: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
scénario
$("textarea").expandingTextarea({ resize: function() //callback { var i=$('textarea').height(); //inspect the textarea and cell containing it, height difference is 4. $('#expand').attr('height',i+4+'px'); } })