Archive for 6 月 1st, 2011
Sencha Touch + PhoneGapでAndroid2.1でのフォームがずれる/残るバグの対処法
Sencha TouchとPhone Gapを使って、ハイブリッドアプリを作っているときに、
Android2.1, 2.1updateでフォームがおかしくなる現象に遭遇しました。
OS:
Android 2.1
JS:
Sencha Touch 1.1
現象には以下のようないくつかの種類があります。
画面遷移後もフォームが画面の上に残る
次の画面遷移してもフォームが残る
フォーカスしたあとにスクロールするとフォームがずれる
スクロールでフォームがずれる
これらの根本的な原因はAndroidがフィールドの入力の際にinputフィールドとは別に入力フィールドが画面の上に表示して入力を実装していることのようです。
Android端末では、WebView上のテキストフィールドやパスワードフィールドは、ネイティブ側で上書きされているタメです。
Android 2.1系ではこのWebTextViewが良くない動きをしているようです。
佐竹 裕行
1982年生まれ。滋賀→はこだて→名古屋→大垣→名古屋。
2006年名古屋学芸大学映像メディア学科卒、その後IAMAS卒(Studio2、6期生)。2009年にsus4に入社。学生時代はMax/MSP JitterやGainerばっかり使っていたが、現在社内では主にExtとモバイル開発、動画サービスのバックエンドを担当。知る人ぞ知るアノ鍵の人。
