jsWaffle質問掲示板(雑談やTips歓迎)

jsWaffleについて質問する掲示板です。(雑談や発見したTipsの投稿も大歓迎です!)
[一覧へ] > (@44) [普通] [返信]
@44■ (#145) テキストボックスフォーカス時に画面が崩れる回避方法 - やっさん (2011-08-23 19:38) /普通 質問
お世話になります。

いろいろ検索してみたのですが、解決できる手段がわかりません。
jsWaffle側で制御する方法などありませんでしょうか。

【質問事項】どのような問題ですか?
画面を最大化したいと思い、こちらにかいてありました

パッケージ名.javaで
flags.useFullScreen = true;

また、マニフェストで
<uses-sdk android:minSdkVersion="4" />

としました。
画面サイズは大きくなったのですが、
実行時、画面上のテキストボックスにフォーカスをあてると
画面のレイアウトが(フォントサイズ?拡大?)
自動的にリサイズされて崩れます。

これはjsWaffle.jsを呼ばなくても出る現象ですのですが
なんとか抑えたいと考えています。

【再現方法】サンプルソース、再現手順など
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
  <meta charset="utf-8">
  <script type="text/javascript" src="jsWaffle.js"></script>

</head>
<body>
<br>
<input type=text id=aabbcc>
</body>
</html>

【調べた事】ここまで調べてみました
<uses-sdk android:minSdkVersion="3" />

にすれば、変わりません。
jswaffleのサンプルHTMLにinputタグを入れても
再現するので、なにか設定が必要なのではとも思うのですが、
探しきれません。

【jsWaffleバージョン】確認したjsWaffleバージョン
1.181

【Androidのバージョン】確認したAndroidバージョン
2.3

【機種名】
エミュレータとInfobar A01

(#149) テキストボックスのフォーカスの挙動 - クジラ飛行机 (2011-09-01 15:11) /普通 返信
テキストボックスのフォーカスの挙動ですが、いろいろ試してみないと何とも言えません。Androidのデフォルトの動作と思います。

一案ですが、テキストボックスの横幅やフォントサイズなどCSSで工夫してみてはどうでしょうか?


(#152) ありがとうございます - やっさん (2011-09-01 21:52) /普通 返信
フォントサイズ、フォントの指定の変更等は試しました。
テキストボックスの幅の変更、テーブルタグを使っての幅の固定の挑戦、
HTMLヘッダタグにも色々書いてみましたが、結果変わらずです。

本現象が発生するのは、テキストボックスのみですので、
テキストボックスは表示用にし、ボタン押下でダイアログ入力させるのも
一つの方法なのですが、融通が効きにくいので採用したくありません。

当然ながらjQueryを使ったダイアログも同様に崩れるので、なんともし難い
状況です。

次はTitaniumで同様の現象が出るか試そうとしています。
出るようであれば、この機種のデフォルトなのかな、と判断します。

正直、こんな状況になるとは思わず、弱りました。

ありがとうございました。

(#145)へ返信する:

名前
タイトル
本文
困った度
状態
確認キー お手数ですが、いたずら防止のために、半角数字で「8932」と入力してください。
編集キー 編集時に使うキーを入力(省略可能)
添付ファイル 画像ファイル(最大300KB)を添付可能