ruby-on-rails - Railsのbest_in_place gem入力に厄介な余分なスペースがあります

Question

Rails 3.2.3、Twitter Bootstrap、および best_in_place gem を使用してインプレース編集を処理しています。

問題は、クリックして入力を編集するたびに、入力の右側に大量の余分なスペースが配置されることです。

前：

後：

他の誰かがこの問題を抱えていますか? 私は何をすべきか？

パディングとマージンを明示的に 0 に設定し、幅を設定されたピクセル幅 (td 幅よりも小さい) に設定しようとしました。

ありがとう。

Answer 1

Twitter ブートストラップは、幅広い入力サイジング クラスを提供します。「input-small」、「input-large」など。

これらのクラスを「inner_class」属性に追加してみてください。入力フィールドに適用する必要があります。

<%= best_in_place @category, :name, {:inner_class => "input-small", :type => :input} %>

お役に立てれば ：）

Answer 2

私は最近、この問題に遭遇しました。次のように、best_in_place で使用可能なオプションsizeを使用して html 属性を渡しました。:html_attrs

<%= best_in_place @payment, :currency, :html_attrs => { size: 3 } %>

サイズ 3 は、3 文字の入力ボックスを意味します。これにより、私の例では入力ボックスの拡張が大幅に減少しました。

Answer 3

これが実際に余分なスペースでデータベースにデータを追加しているとは思えません。

これは単なる CSS の問題であり、入力フィールドが含まれる要素の特定の割合を占めるように設計されている場合などです。入力フィールドの背後にある正確な CSS を見ないとわかりません。

Answer 4

の代わりにcolsandを使用しました。rowssize

<%= best_in_place @payment, :currency, :html_attrs =>  { :cols => '45', :rows => '10' } %>