トリックスエディタ：テキストは、Herokuの上の外箱（ないローカルホスト）

Question

を流れ、私はちょうど私のレールのアプリでトリックスエディタを実装し、それがlocalhostに完璧に動作しますが、Herokuの上で、この醜いビジネスを引っ張っている。

これはアセットパイプラインと関係があると思いますので、宝物（gem 'Trix'）をインストールし、//= require trixをapplication.jsに、*= require trixをapplication.css.scssに追加しました。私の資産はHerokuに物事をプッシュする際にあらかじめコンパイルされています。これらの基礎より

*= require magnific-popup 
*= require trix 
*= require_tree . 
*= require_self 
*/ 

@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import 'ionicons'; 

その他、誰もが私はHerokuの上に表示するスタイルを取得するために欠けているものをステップ把握することができます：

ここで全体application.css.scss構造ですか？

Answer 1

クラス.form-controlに適用されているスタイルは、そのボックスの高さを34pxに設定しています。どのような理由でそれはテキストで成長しません

ボックスが取得する高さのプロパティを削除すると、ボックスは再びテキストの周りに展開します。これは私の終わりから見つけるのが難しいかもしれませんが、それは同じスタイルのブロック内のファイルapplication.cssにあります。おそらく5行目ではないでしょうが、おそらく後の行ですが、ファイルサイズに依存しますheight: 34pxを検索するか、34pxをもう一度検索し、ここの画像のようなスタイルのブロックを探してその行を削除してください（この行が別の場所のスタイルとして使用されている場合は念頭に置いてください）。問題を修正する必要があります

。

クロム（または任意のブラウザ）開発ツールを使い慣れていない場合は、リファレンスを見つけて使いこなすことをお勧めします。この種のデバッグには最適です。