iOS15以降のSafariでDatalist要素の表示位置がおかしい
iOS15.0でSelectやDatalistなどの選択式のUIが従来のドラムロールではなく、リストがポップアップされて表示されるようになりました。Select要素の場合は正常に稼働していますが、Datalist要素の場合は下記のようにリストが入力フォームから離れた位置に表示されてしまいます。
Datalist要素を使用した場合にSelect要素同様に入力フォームの真下に表示する方法は無いでしょうか。
【確認環境】
iOS:15.2
端末:iPhone7,iPhone8,iPhoneSE2 の3つで確認済
※参考