<datalist>に関連付けられたプルダウンはいつ表示されますか？

Question

ダイナミック<datalist>が<input>に関連付けられています。入力中に<option>のリストが変更されています。

<datalist>に<option>のエントリがあるにもかかわらず、ドロップダウンが表示されないという問題があります。

以下

がショーケースです：私たちは、私は1つの文字を入力し始める

空の検索フィールドで始まり、すべての<option>は数文字の後

ご利用いただけます<option>の一部が動的に削除されます（以下、1つだけ残っている場合）

なぜ使用可能なオプションのドロップダウンリストが表示されないのですか？可視性をトリガする方法（可能な場合）？

Answer 1

データリストの項目で作成されたドロップダウンは、すでに入力したものと一致する項目を常に動的に表示します。そのフィールドに「ent」と入力した場合、ドロップダウンには、「entry」、「gentrification」、「went」、「entity」など、ある位置に「ent」という文字列が含まれるエントリのみが含まれます。フィールドがまだ空の場合、一致する文字列または文字がないため、ドロップダウンにすべての使用可能なエントリが表示されます。