Android + Sencha Touchテキスト入力が重複してフォーカスを外すのが難しい

Question

私はPhoneGap 1.6とSencha Touch 1.1.1を使用しているAndroidアプリを持っています。 1つのビューには、Androidで奇妙な動作をするテキスト入力フィールドがあります。それはそれ自身を複製し、フォーカスを削除することは非常に困難です。

"実際の"入力フィールドの上に現れるWebTextViewであると判断しました。この問題は、スクリーンタップでテキストフィールドをぼかすことは非常に難しく、親コンテナをスクロールするとWebTextViewはスクロールしないので、同時に両方を見ることができます。

要素のフォーカスを取り除く唯一の方法は、Mavis Beaconのフラストレーション検出器をトリガするのと同じように、画面のすべての部分を激しくタップすることです。

私の実際の質問は次のとおりです。この機能を完全に無効にするにはどうすればよいですか？ボックスの外でシングルタップ以外の操作を行うことをユーザーが期待するのは妥当ではなく、テキストフィールドの入力を停止するにはデバイスの戻るボタンを押してください。つまり、Backキーを押すだけでソフトキーボードが表示され、フォーカスを放棄しません。

Answer 1

これらはいくつかのCSSフラグによってトリガーされるブラウザーのバグです。

バグについて： デバイスは、Webサイトのコンテンツから何らかの「スクリーンショット」を作成します。すべての変換とトランジションは、実際のページの「スクリーンショット」の上に作成されます。

入力要素がある場合、「スクリーンショット」の上に何らかの種類のプロキシ要素がレンダリングされます。場合によっては、これらのプロキシ要素が間違った位置にあることがあります。

ハードウェアアクセラレーション対象のWebサイトをトリガーすると、これが発生します。あなたは、いくつかのCSS-定義をドロップする必要があります。

transform(), translate(), transform3d(), translate3d(). 

悪いニュースは以下のとおりです。 ブラウザ内でそれバグので、あなたは、この問題を解決することはできません。

私はいくつかの異なるアンドロイドデバイスを持っていますが、すべて異なる問題を抱えています。

私はバグは決して解決されないと思います。なぜなら、アンドロイド4.1とクロムが組み込まれているので、誰も気にしないからです。

ハードウェアアクセラレーションを無効にすることができます。

良いニュースは次のとおりです。 埋め込み可能なクロムウェブビューに関する噂があります。 http://christian-kuetbach.de/blog/post/14