【HTML】datalistタグの注意点 inputの上にポップアップする場合
HTML5から使用できるようになったdatalistタグですが、
内容が多いと(特に)Chromeだと表示しきれないことがあるので要注意(2018年4月時点)
サンプル
これをChromeで参照すると・・・
inputが画面上部にある時は問題なし。表示しきれない分はスクロールできるはず。
しかし、スクロールしたり画面を狭くするなどしてある程度ディスプレイの下のほうに表示した状態でリストを開いてみる。するとリストがinputの上に表示されるが
スクロールバーが表示されないのでマウスで選ぶことができない。
※バージョン65.0.3325.181のもので試しています。いつか修正されるかもしれません。