スマホ閲覧時<select>内の要素が下から表示

質問

初期状態で1行表示のセレクトボックスを作成しました。PCで見ればプルダウンメニューになります。「サイズ・セット内容変更」をタップすると中のリストが表示され、さらにタップするとそのページに移動という物です。

ちょっと要点と違う部分もそのままに、下にソースをほぼそのまま載せさせて頂きました。

これを手持ちのAndroidのスマホ(HUAWEI製)でテストしているのですが、セレクトボックスをタップして開くと一番下にスクロールした状態で開いてしまいます。

伝わりにくいかもしれませんが、私としては「サイズ・セット内容変更」を先頭に下にスクロールできる状態で開くと想定していましたが、一番最後の「175cm ×2枚」が最初から表示され、上にスクロールできる状態で開いてしまいます。

選択肢が少なく、画面に収まりスクロールが発生しない場合は問題ありません。
iPhoneのドラムロールみたいなセレクトボックスでは普通に上から表示されています。

原因、または私の思惑通りに「サイズ・セット内容変更」から表示する方法をご存じの方がいらしたら教えて頂けないでしょうか。よろしくお願いします。

～以下ソース～
<form class="change" name="hyouji">
<select name="menu" onchange="javascript:location=document.hyouji.menu.options[document.hyouji.menu.selectedIndex].value;">
<option value="#">サイズ・セット内容変更</option>
<option value="/category/item/077.html">90cm ×2枚</option>
<option value="/category/item/078.html">95cm ×2枚</option>
<option value="/category/item/079.html">100cm ×2枚</option>
<option value="/category/item/081.html">110cm ×2枚</option>
<option value="/category/item/082.html">115cm ×2枚</option>
<option value="/category/item/083.html">120cm ×2枚</option>
<option value="/category/item/084.html">125cm ×2枚</option>
<option value="/category/item/085.html">130cm ×2枚</option>
<option value="/category/item/086.html">135cm ×2枚</option>
<option value="/category/item/087.html">140cm ×2枚</option>
<option value="/category/item/088.html">145cm ×2枚</option>
<option value="/category/item/089.html">150cm ×2枚</option>
<option value="/category/item/090.html">155cm ×2枚</option>
<option value="/category/item/091.html">160cm ×2枚</option>
<option value="/category/item/093.html">170cm ×2枚</option>
<option value="/category/item/094.html">175cm ×2枚</option>
<option value="/category/item/095.html">180cm ×2枚</option>
<option value="/category/item/096.html">185cm ×2枚</option>
<option value="/category/item/097.html">190cm ×2枚</option>
<option value="/category/item/098.html">195cm ×2枚</option>
<option value="/category/item/099.html">200cm ×2枚</option>
<option value="/category/item/100.html">205cm ×2枚</option>
<option value="/category/item/101.html">210cm ×2枚</option>
<option value="/category/item/102.html">215cm ×2枚</option>
<option value="/category/item/103.html">220cm ×2枚</option>
<option value="/category/item/104.html">225cm ×2枚</option>
<option value="/category/item/105.html">230cm ×2枚</option>
<option value="/category/item/106.html">235cm ×2枚</option>
<option value="/category/item/107.html">240cm ×2枚</option>
<option value="/category/item/108.html">245cm ×2枚</option>
<option value="/category/item/109.html">250cm ×2枚</option>
<option value="/category/item/110.html">255cm ×2枚</option>
<option value="/category/item/111.html">260cm ×2枚</option>
<option value="/category/item/112.html">80cm ×2枚</option>
<option value="/category/item/113.html">85cm ×2枚</option>
<option value="/category/item/114.html">90cm ×2枚</option>
<option value="/category/item/115.html">95cm ×2枚</option>
<option value="/category/item/116.html">100cm ×2枚</option>
<option value="/category/item/117.html">105cm ×2枚</option>
<option value="/category/item/118.html">110cm ×2枚</option>
<option value="/category/item/119.html">115cm ×2枚</option>
<option value="/category/item/120.html">120cm ×2枚</option>
<option value="/category/item/121.html">125cm ×2枚</option>
<option value="/category/item/122.html">130cm ×2枚</option>
<option value="/category/item/123.html">135cm ×2枚</option>
<option value="/category/item/124.html">140cm ×2枚</option>
<option value="/category/item/125.html">145cm ×2枚</option>
<option value="/category/item/126.html">150cm ×2枚</option>
<option value="/category/item/127.html">155cm ×2枚</option>
<option value="/category/item/128.html">160cm ×2枚</option>
<option value="/category/item/129.html">165cm ×2枚</option>
<option value="/category/item/130.html">170cm ×2枚</option>
<option value="/category/item/131.html">175cm ×2枚</option>
</select>
</form>

回答No.1

doraneko66 · ベストアンサー

そらは仕様です。
jsなどを駆使して組み込まない思った挙動にはならないと思います。

お礼

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

Xperia？でしたっけ？
わりとシェアの高いスマホですが、これで見たら想定通りに表示されていました。

やはり、おっしゃる通りでブラウザだか機種固有の仕様のようですので、後で対応を考える事にしました。ありがとうございました。

しかし、致命的ではありませんがバグですよね。これは。