Chrome: yeniden boyutlandırılamayan metin alanları oluşturun

Varsayılan olarak, Chrome metin alanımı yeniden boyutlandırılabilir hale getirir. Bunu kontrol etmek ve onları sadece dikey olarak yeniden boyutlandırmak veya hiç yapmamak istiyorum.

Bunu nasıl başarabilirim ?

Raylar standart metin alanı etiketi oluşturur, ancak Safari / Chrome (Webkit) tüm (yalnızca Rails değil :) metin alanlarını yeniden boyutlandırılabilir olarak görüntüler.

Görünümü CSS tarafından devre dışı bırakılabilir

textarea {
    resize: none;
    }

Veya yalnızca dikey yeniden boyutlandırma gerekiyorsa:

textarea {
     resize: vertical;
     }

Set max-widthonları yalnızca dikey yeniden boyutlandırılabilir yapabilir veya set etmek max-heightve max-widthtüm boyutlandırma durdurmak için.

Ancak, tarayıcılarının denetimlere nasıl davrandığına ilişkin kullanıcı beklentilerini çiğnemenin, birçok kullanıcı hayal kırıklığı yaratma eğiliminde olduğunu unutmayın.

sütun ve satırları şöyle ayarlayabilirsiniz:

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

veya aşağıdaki gibi boyutu belirtin

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