За замовчуванням 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>