javascript - JQuery.jeditable.jsインプレース編集のバグ（Windows7、Chrome 16）

Question

このインプレース編集ウィジェットjquery.jeditable.jsを使用しています。Windows 7では、Chrome（最新バージョン-16）で、入力フィールドにテキストを入力すると、テキストがそれ自体のフィールド内で下に移動するという奇妙なバグがあります。これにより、読み取り不能になります（添付ファイルを参照）。私がタイプする1つおきの文字が発生します。誰かがこのバグに出くわして解決しましたか？

前もって感謝します

Answer 1

入力フィールドのデフォルトのフォントとサイズは、ページの他の部分とは異なります。入力フィールドを含む要素にそれらを設定した場合、効果はありません。入力フィールドにフォントとサイズを継承させる必要があります。できれば、テキストもトリミングされないように、境界線を小さく設定することもできます。

これは私がjquery.editable.jsで使用するものです：

input {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: rgba(15,200,0,0.05);
    border: 0;
}