3

モバイル Webkit (モバイル サファリ/Android ストック ブラウザー/クローム) でのテキスト入力の非常に奇妙な動作に気付きました。

入力が変換された div (または任意のコンテナー) 内にある場合 (-webkit-transform: translate3d(-100%, 0px, 0px); など)、入力がテキストで埋められている場合、可視領域はありません。カーソルに追従するように調整されます。

http://jsbin.com/itodip/2/でデモをご覧ください。

これは、モバイル ブラウザでのみ再現可能です。

翻訳された div を操作するときに見つけた唯一の回避策は、transitionEnd の変換を削除することでしたが、これは理想的ではありません。

提案と可能な回避策はありますか?

4

1 に答える 1

0

以前にこのバグに遭遇したことがあり、回避策を見つけました。私がしたことは、cssの「左」プロパティを負の大きな数値に設定し、「-webkit-transform」プロパティを使用して画面に表示されるように戻しました。何らかの理由でそれを修正します。

left: -2000px;
-webkit-transform: matrix(1, 0, 0, 1, 2000, 0);

これは、私が行ったスタック オーバーフローの投稿へのリンクです: -webkit-transform を使用した入力ボックスのスケーリング

于 2013-08-20T21:21:05.873 に答える