テーマ、知りたいこと
datalistの表示制限について
背景、状況
データリストに数千件の候補全件を表示したいです。
しかし、windowsのgoogle chromeでは900件くらいまでしか表示されません。
stack overflowのサイトによると、ブラウザによってデータ表示数の制限があることはわかりました。
しかし、具体的な根拠となるサイトを探しても見当たらないです。
詳しい方、教えてほしいです。
回答3件
#1
総合スコア37725
投稿2026/02/22 09:52
User agents are encouraged to filter the suggestions represented by the suggestions source element when the number of suggestions is large, including only the most relevant ones (e.g. based on the user's input so far). No precise threshold is defined, but capping the list at four to seven values is reasonable.
4.10.5.3.9 The list attribute | HTML Standard
とのことですから、ユーザーエージェントが4～7程度の候補に絞り込むことを推奨されているようです。あとはブラウザの実装次第、ということになるかと思います。
#2
総合スコア118369
投稿2026/02/23 01:53
datalistで大量に値を表示するのはユーザービリティも低く、ブラウザによる実装状況によって左右されるくらいならグループを設定したセレクトボックスや多段式のメニューなどで対応したほうが現実的だと思います。
#3
総合スコア5855
投稿2026/02/23 02:39
ブラウザの仕様としては datalist の上限についての文言が明瞭に書かれている箇所は見つけられませんでしたが Google Chrome (の基礎である Chromium) ソースコード上の kMaxSuggestions に設定されている 1000 が上限として機能しているようです。
datalist はあくまでも「特に有用な候補」を提案するためのもので、常識的には要素数は百でも多いと思います。 極端に大きいリストから絞り込みをするというような UI が必要であれば適当なカスタムコンポーネントを導入すべきでしょう。
あなたの回答
tips
プレビュー