javascript - Javascript/CSS フローティング ラベル

Question

私は本当に奇妙な問題を抱えており、JavaScript の問題なのか CSS の問題なのかがわかりません。これは、私が話していることのいくつかのコンテキストのjSFiddleです。入力ボックスに入力してもラベルのポップアップが表示されない場合は、テキストを削除してもう一度入力してください...変ですね?

直接または iFrame で表示できるフォームがあります。入力では、jvfloat.jsを使用して、値を使用してフローティング ラベルを付けていplaceholderます。

$(document).ready( function() {
   $('input').jvfloat();
});

ブラウザー (現在のリリース) によって異なる結果が得られます。また、奇妙なことに、iFrame の場合とそうでない場合があります。

クロム

IFrame の場合:

テキスト フィールドに入力しても、ラベルがポップアップしません。検査では、「activeLabel」クラスが正常に追加されたことが示されていますが、レンダリングされていないようです。入力の後ろからラベルを上に移動するために CSS 変換が機能していないようです。

IFrame の外側:

期待どおりに動作します。

ファイアフォックス

IFrame 内 / IFrame の外側:

期待どおりに動作します

他のブラウザでは試していません。時々、ラベルが機能せず、一貫して問題を繰り返すことができません。

jsFiddle で、この奇妙な動作を引き起こす javascript または CSS の重大な問題を確認できますか?