За замовчуванням Chrome робить розмір моїх текстових областей змінним. Я хочу контролювати це і або робити їх лише вертикально змінними, або взагалі не змінювати.
Як я можу цього досягти?
Відповіді:
Rails генерують стандартний тег текстової області, але Safari / Chrome (Webkit) відображають усі (не тільки Rails :) текстові області як розмір, що змінюється.
Його поява може бути відключена CSS
textarea {
resize: none;
}
Або, якщо потрібно лише вертикальний розмір:
textarea {
resize: vertical;
}
Встановіть, max-widthщоб зробити їх лише вертикально змінними, або встановіть max-heightі max-widthзупиніть усі зміни розміру.
Однак майте на увазі, що порушення очікувань користувачів щодо того, як їх браузер ставиться до елементів керування, може спричинити багато розчарувань користувачів.
Ви можете встановити стовпець і рядки як
<%= text_area :object, :attribute, :rows => '10', :cols => '100' %>
#=> <textarea cols="100" rows="10" id="object_attribute" name="object[attribute]">
# #{@object.attribute}
# </textarea>
або вкажіть розмір, як
<%= text_area :object, :attribute, :size => "10x100" %>
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]">
# #{@object.attribute}
# </textarea>