Androidのposition:absoluteとフォームの問題

Androidではposition:absoluteをした要素内にフォーム部品があると色々と不具合があるようです。

例えば、次のようにフォーム部品の背景になにか文字列があるような状態にしてしまうとAndroid2.2でフォームが選択できなくなります。Android2.1ではちゃんと選択できた。

<style>
body{
	margin:0;
}
#search{
	width:100%;
	height:100px;
	background:blue;
	position:absolute;
}
#back{
	width:100%;
	height:100px;
}
</style>
<div id="search">
	<br>
	<select>
		<option>選択1</option>
		<option>選択2</option>
		<option>選択3</option>
		<option>選択4</option>
	</select>
</div>
<div id="back"><br><span>hoge</span></div>

サンプル

#backにopacity:0とかを指定すると選択できるようになるんだけど、Androidではあまりレイヤードな表現はやめたほうが良さそうなきがします。困ったもんだ。

関連エントリー

Androidと-webkit-tap-highlight-color
Androidで-webkit-box-reflectによる鏡面効果を指定する方法
Androidでfont-weight:boldを適用する方法
iPhoneで特定のzoomとfont-sizeの際に文字サイズが拡大するバグ

スポンサードリンク

«[再掲]7月23日SaCSS Special！ jQueryセミナー in 札幌開催 | メイン | AndroidとjQueryのスライドアニメーションの不具合»