Chrome : rendre les zones de texte non redimensionnables

Question

Par défaut, Chrome rend mes zones de texte redimensionnables. Je souhaite contrôler cela et les rendre uniquement redimensionnables verticalement, ou pas du tout.

Comment puis-je y parvenir ?

Answer 1

Rails génère une balise textarea standard, mais Safari/Chrome (Webkit) affichent tous (pas seulement Rails :) les textareas comme redimensionnables.

Son apparition peut être désactivée par CSS

textarea {
    resize: none;
    }

Ou, si vous n'avez besoin que d'un redimensionnement vertical :

textarea {
     resize: vertical;
     }

Answer 2

Définir max-width pour qu'ils ne soient redimensionnables que verticalement, ou définissez le paramètre max-height et max-width pour arrêter tout redimensionnement.

Toutefois, sachez que le fait de briser les attentes des utilisateurs quant à la façon dont leur navigateur traite les contrôles a tendance à créer beaucoup de frustration chez les utilisateurs.

Answer 3

vous pouvez définir la colonne et les lignes comme

<%= text_area :object, :attribute, :rows => '10', :cols => '100' %> 
#=> <textarea cols="100" rows="10" id="object_attribute" name="object[attribute]">
#      #{@object.attribute}
#   </textarea>

ou spécifier la taille comme

<%= text_area :object, :attribute, :size => "10x100" %> 
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]">
#      #{@object.attribute}
#   </textarea>