Best_in_place gem, определяющий фиксированное поле ввода с использованием css

Question

Я использую best_in_place gem, который является прекрасным для редактирования inplace в приложениях rails. Но проблема с моей реализацией - это область, которая определяется как лучшая на месте, обертывает только вокруг текста, и поэтому из-за чего возникает какой-то вид wobbling [1], если я попытаюсь отредактировать какое-то нужное поле. Так что есть ли способ, в котором я могу сделать фиксированный размер text_area, чтобы он оставался с той шириной, которую я хочу.

[1] Посредством wobbling я имею в виду, когда я нажимаю на поле, то есть когда поле находится в фокусе, оно имеет некоторую ширину, и когда я выхожу из него, он переходит к размеру оболочки по умолчанию.

Answer 1

Не уверен, если это помогает, но у меня был вид подобной проблемой (та же проблема, но с текстовым полем), и это, как я разрешил ее:

Сначала нужно добавить класс к полю best_in_place:
<%= best_in_place @your_variable, :name, { :classes => "input_field" } %>

(я работаю с best_in_place 2.1.0, для более старой версии вам нужно будет зависеть от идентификатора поля, которое, кажется, быть уникальным)

Затем примените стиль к входного ребенка класс в вашем css:

.input_field input { width: 400px; }

и что должны делать это.

Answer 2

Ключ определяет внутренний класс, а не только класс. Как и в:

пользователя/show.html.erb:

<%= best_in_place @user, :name, :inner_class => "css_class" %> 

custom.css:

.css_class { 
    background:red; 
}