Chrome: crea áreas de texto que no se pueden cambiar de tamaño

De forma predeterminada, Chrome hace que mis áreas de texto cambien de tamaño. Deseo controlar esto y hacer que solo se redimensione verticalmente, o no hacerlo en absoluto.

Cómo puedo conseguir esto ?

Los rieles generan una etiqueta de área de texto estándar, pero Safari / Chrome (Webkit) muestra todas las áreas de texto (no solo Rails :) como redimensionables.

Su apariencia puede estar deshabilitada por CSS

textarea {
    resize: none;
    }

O, si solo necesita un cambio de tamaño vertical:

textarea {
     resize: vertical;
     }

Configúrelo max-widthpara que solo se redimensione verticalmente, o configure max-heighty max-widthpara detener todo cambio de tamaño.

Sin embargo, tenga en cuenta que romper las expectativas del usuario sobre cómo su navegador trata los controles tiende a crear mucha frustración en el usuario.

puede configurar la columna y las filas como

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

o especificar el tamaño como

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