# autocompleteのドロップダウンが重なる問題について **URL:** \ **Category:** bubble\ **Tags:** フロントエンド\ **Created:** [2021 年 6 月 13 日午前 1:51 UTC](https://www.nocode-faq.com/t/topic/1730 "2021-06-13T01:51:56Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\ **Post date:** [2021 年 6 月 13 日午前 1:51 UTC](https://www.nocode-faq.com/t/topic/1730/1 "2021-06-13T01:51:56Z")
autocompleteを実装したのですが、その実装して作ったautocompleteのドロップダウンと、chromeの標準で出てくるテキストインプットのドロップダウンがキャプチャのように重なってしまいます。このテキストインプットでは、私が実装した方のドロップダウンさえ表示されればOKなのですが（つまりキャプチャの白い方のドロップダウンは不要なのですが）どのようにすれば実現できますでしょうか？ ![Cursor_と_My_Page](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/bc2a9a72485bc138ef812bfc2baf0e5262a010e4.png) ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 6 月 13 日午後 3:02 UTC](https://www.nocode-faq.com/t/topic/1730/2 "2021-06-13T15:02:36Z")
うーん、おそらくAdaloではできない挙動なのではないかと思われます。 ブラウザの自動補間(autocomplete) を表示させないためには、input Formにtagを入力する必要があるのですが、私の知っている限りではAdaloでtagを埋め込みする場所がありません。 > **[ブラウザの自動補間(autocomplete)を無効にしたい](https://webbibouroku.com/Blog/Article/autocomplete#outline__1)** > > 目次 1. ブラウザのパスワード自動補完を無効にしたい2. ブラウザの設定を変更3. HTMLのautocomplete属性で設定3.1. 属性値に任意の文字列を代入する4. ダミーのパスワード欄を用意する5. 参考サイト ブラウザのパスワ 【参考】各ブラウザのオートコンプリートについて > **[各ブラウザのオートコンプリートについて - Qiita](https://qiita.com/mirai_is_here/items/be1be19f0078c91bb491)** > > ブラウザには一度入力欄に入力した値を保持して、再表示してくれる機能があります。 > また、それらを無効化する手段が数々あるのですが、例の如くブラウザごとに挙動が異なることがあります。 > 軽くそれらを調べてみました。 > 検証に使ったコードはこち... 他の人の意見も聞いてみたいですね～。 ---
**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\ **Post date:** [2021 年 6 月 13 日午後 3:20 UTC](https://www.nocode-faq.com/t/topic/1730/3 "2021-06-13T15:20:08Z")
@tsubasa 失礼しましたツール名を登録しておりませんでした。 bubbleです。（今、登録させて頂きました。） ということは、javascriptをなにかのツールで挿入して、 教えて頂いた記事の「 ダミーのパスワード欄を用意する」のようにするといことですね。 ありがとうございます。 ---
**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\ **Post date:** [2021 年 6 月 13 日午後 3:27 UTC](https://www.nocode-faq.com/t/topic/1730/4 "2021-06-13T15:27:50Z")
ちなみに、HTMLをinspectionで見てみても、「autocomplete」がないんですよね。。表示されるドロップダウンはinspectionツールだと調べられません。 どうやってautocompleteを出してるんでしょうか。。。 ![Cursor_と_My_Page](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9bbeea884df90a7e427ea7fba8bd53443bd38d11.png) ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 6 月 14 日午前 12:42 UTC](https://www.nocode-faq.com/t/topic/1730/5 "2021-06-14T00:42:49Z")
あ、Bubbleでしたかｗｗ 失礼しました。 > HTMLをinspectionで見てみても、「autocomplete」がないんですよね。 > タグのある、無いは、関係なく。Chromeは、読み込み時にautocompleteのOFFがあるか？どうかを判断するので、探してもないかもしれないですね。 おっしゃる通り、 javascriptで制御する必要がありますね。 Bubble フォーラムで プラグインのToolboxを使って解決済みのものがありますので、こちらが参考になるかと思います。 # [Can I disable autocomplete on certain input fields?](https://forum.bubble.io/t/can-i-disable-autocomplete-on-certain-input-fields/52654) > **[Can I disable autocomplete on certain input fields?](https://forum.bubble.io/t/can-i-disable-autocomplete-on-certain-input-fields/52654/3)** > > any solution for this ? I looked around but nothing seems to work for me… Thanks, Carlo ---
**Author:** ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)\ **Post date:** [2021 年 6 月 15 日午後 1:15 UTC](https://www.nocode-faq.com/t/topic/1730/6 "2021-06-15T13:15:21Z")
ありがとうございました！できました！ ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 6 月 16 日午前 5:13 UTC](https://www.nocode-faq.com/t/topic/1730/7 "2021-06-16T05:13:21Z")
おおー、良かったです😁😁