Discussion :

[Alanis]

Bonjour!

Après avoir étudié les "textarea" en profondeur, je sèche toujours sur un point: comment empêcher leur étirement ?

Exemples:
Vous répondez à un topic sur developpez.net, vous écrivez votre texte dans un textarea qui dans le coin bas-droit contient 2 petites lignes. En cliquant dessus on peut étirer le cadre. Sur développez ca passe bien, sur d'autre site ca peut mettre la page sans dessus dessous.

Sur facebook, vous commentez un statut: vous saisissez le texte dans un textarea mais cette fois, point de traits et point d'étirement possible.

Sachant qu'il n'existe pas d'attribut pour annuler cet étirement, est ce que vous voyez une solution à ce problème ? J'ai l'impression que facebook utilise son propre objet textarea

Connaissez vous un moyen de contourner ?

Merci !

[thelvin]

C'est avec Google Chrome et certaines extensions firefox qu'on peut redimensionner les textarea.

C'est parce que CSS 3 propose la propriété "resize", que Google Chrome gère, et met à "both" par défaut. Pour avoir le comportement normal (aucun redimensionnement), il faut le mettre à "none".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
textarea {
  resize: none;
}

[Alanis]

D'accord, j'avais pas cherché de ce côté. Ca marche, merci !