Google Chromeのfixed＆hidden divのバグの解決策

Question

問題：とvisibility:hiddenという親のdiv内のvisibility:visibleのdivは、Google Chromeのレンダリングの問題を引き起こします。 Images and examples can be found here。

一週間前に、-webkit-transform:translateZ(0)を親divに追加してバグを解決できました。しかし、それはもう機能していません。

• Without -webkit-transform
• With the hack。

両方が盗まれています。

だから、解決策はありますか？ウィンドウのサイズを変更すると、divを再描画します。また、開発ツールを開いてバグが消えるときも同じです。

だから私はジャバスクリプト（jQueryの）との再描画を強制しようとしてきた：

jQuery(window).scroll(function() { 
    jQuery("#parentDiv").addClass("nothing"); 
    jQuery("#parentDiv").removeClass("nothing"); 
}); 

そして、それ（テキストフィールドは、内側のdiv内に表示されます）時々作品。本当に変だ。また、CSSのプロパティ（固定、下：0 ...）を追加してdivを隠して表示しようとしました しかし、何もうまくいきません。

アイデア？

EDIT2：2人の友だち、最新のバージョン（17.0.963.79）を使用している友人は、2番目のリンクのバグは表示されません。でも、私はまだそれを見る。私は窓の下にクロムを再インストールしましたが、バグはまだそこにあります。 私もキャッシュをクリアしましたが、何も変わりません。私だけですか？？？？

Answer 1

scroll()と一緒に作業すると、すべてのフォーム要素が奇妙に動作したり、機能しなくなりました。

あなたのソリューション-webkit-transform:translateZ(0)は、Webkitブラウザ用に修正されますが、他のすべてのブラウザはすべてのフォーム要素の上に翻訳されたレイヤーを作成します。その結果、フォーム要素にはアクセスできなくなります。

scroll（）はフォーム用ではなくプレーンな情報（テキストイメージ）に最適なソリューションです。