teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

見出しを追加しました

2021/09/07 01:31

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,4 @@
1
+ ### 前提
1
2
  Chromeの拡張機能のテキストボックスで
2
3
  オートコンプリートを利用したかったため
3
4
  以下のようにdealistを使い、
@@ -9,6 +10,7 @@
9
10
  プルダウンの内容が表示されなくなりました。絞り込みも出来ません。
10
11
  ソースを何もいじることなく、Chromeの更新がかかっただけで利用できなくなっています。
11
12
 
13
+ ### ソースコード
12
14
  ```HTML
13
15
  <input type="text" id="TEST" list="TESTList" autocomplete="on">
14
16
  <datalist id="TESTList">
@@ -27,6 +29,7 @@
27
29
  ```
28
30
 
29
31
 
32
+ ### 考えた事
30
33
  拡張機能はローカルにも置いてあるため
31
34
  popup.htmlをChromeで開いて確認しましたが
32
35
  ローカルにあるものだと問題なくプルダウンもできるし絞り込みも出来るのです。
@@ -35,9 +38,14 @@
35
38
  http://www.htmq.com/html5/datalist.shtml
36
39
  上記サイトのオートコンプリートもChromeで問題なく動きますが
37
40
  拡張機能のポップアップ検証でソースをコピペして追加しても
38
- 上手く動作しなくなります。
41
+ プルダウン候補が表示されせん。「▼」のマークは出ます。
39
42
 
43
+ 絞り込みのできるドロップダウン選択リストが表示出来れば文句ないのですが
44
+ 代替案を調べても特に見つかりません。
45
+
40
46
  何が悪いのでしょうか?似たような症状の人は居ますか?
47
+ 別のアプローチでドロップダウン選択リストを絞り込む方法など
41
48
  何か情報があればください。お願いいたします。
42
49
 
50
+ ### Chromeバージョン
43
51
  Chromeバージョン: 93.0.4577.63(Official Build) (64 ビット)