Browser auto fill options overlaps angular materiel autocomplete options?












1















In angular material, with materiel autocomplete is working fine, but the browser auto fill options are overlapping materiel autocomplete.How to turnoff auto-fill for a specific application without turning off browser auto-fill.Reference image attached.



enter image description here



Thanks in Advance






javascript angular html5 typescript angular-material







share|improve this question

























  • autocomplete="off" add in the input field

    – Balaji V
    Nov 26 '18 at 7:23













  • i tried this option but its not working

    – BlueCloud
    Nov 26 '18 at 7:24











  • try autocomplete="somerandomstringthatdoesntmakesense"

    – karoluS
    Nov 26 '18 at 7:26













  • pcworld.com/article/3145489/browsers/…

    – Negi Rox
    Nov 26 '18 at 7:27











  • its not your code problem its browser problem

    – Negi Rox
    Nov 26 '18 at 7:27
















1















In angular material, with materiel autocomplete is working fine, but the browser auto fill options are overlapping materiel autocomplete.How to turnoff auto-fill for a specific application without turning off browser auto-fill.Reference image attached.



enter image description here



Thanks in Advance






javascript angular html5 typescript angular-material







share|improve this question

























  • autocomplete="off" add in the input field

    – Balaji V
    Nov 26 '18 at 7:23













  • i tried this option but its not working

    – BlueCloud
    Nov 26 '18 at 7:24











  • try autocomplete="somerandomstringthatdoesntmakesense"

    – karoluS
    Nov 26 '18 at 7:26













  • pcworld.com/article/3145489/browsers/…

    – Negi Rox
    Nov 26 '18 at 7:27











  • its not your code problem its browser problem

    – Negi Rox
    Nov 26 '18 at 7:27














1












1








1


1






In angular material, with materiel autocomplete is working fine, but the browser auto fill options are overlapping materiel autocomplete.How to turnoff auto-fill for a specific application without turning off browser auto-fill.Reference image attached.



enter image description here



Thanks in Advance






javascript angular html5 typescript angular-material







share|improve this question
















In angular material, with materiel autocomplete is working fine, but the browser auto fill options are overlapping materiel autocomplete.How to turnoff auto-fill for a specific application without turning off browser auto-fill.Reference image attached.



enter image description here



Thanks in Advance






javascript angular html5 typescript angular-material




javascript angular html5 typescript angular-material






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 26 '18 at 7:29









Preetham

185




185










asked Nov 26 '18 at 7:20









BlueCloudBlueCloud

88110




88110













  • autocomplete="off" add in the input field

    – Balaji V
    Nov 26 '18 at 7:23













  • i tried this option but its not working

    – BlueCloud
    Nov 26 '18 at 7:24











  • try autocomplete="somerandomstringthatdoesntmakesense"

    – karoluS
    Nov 26 '18 at 7:26













  • pcworld.com/article/3145489/browsers/…

    – Negi Rox
    Nov 26 '18 at 7:27











  • its not your code problem its browser problem

    – Negi Rox
    Nov 26 '18 at 7:27



















  • autocomplete="off" add in the input field

    – Balaji V
    Nov 26 '18 at 7:23













  • i tried this option but its not working

    – BlueCloud
    Nov 26 '18 at 7:24











  • try autocomplete="somerandomstringthatdoesntmakesense"

    – karoluS
    Nov 26 '18 at 7:26













  • pcworld.com/article/3145489/browsers/…

    – Negi Rox
    Nov 26 '18 at 7:27











  • its not your code problem its browser problem

    – Negi Rox
    Nov 26 '18 at 7:27

















autocomplete="off" add in the input field

– Balaji V
Nov 26 '18 at 7:23







autocomplete="off" add in the input field

– Balaji V
Nov 26 '18 at 7:23















i tried this option but its not working

– BlueCloud
Nov 26 '18 at 7:24





i tried this option but its not working

– BlueCloud
Nov 26 '18 at 7:24













try autocomplete="somerandomstringthatdoesntmakesense"

– karoluS
Nov 26 '18 at 7:26







try autocomplete="somerandomstringthatdoesntmakesense"

– karoluS
Nov 26 '18 at 7:26















pcworld.com/article/3145489/browsers/…

– Negi Rox
Nov 26 '18 at 7:27





pcworld.com/article/3145489/browsers/…

– Negi Rox
Nov 26 '18 at 7:27













its not your code problem its browser problem

– Negi Rox
Nov 26 '18 at 7:27





its not your code problem its browser problem

– Negi Rox
Nov 26 '18 at 7:27












3 Answers
3






active

oldest

votes


















1














If you want to prevent browser (especially chrome) autocomplete trigger on an input you'd have to override its default behaviour. Google doesn't respect autocomplete="off". From my experience thing that always worked was using this autocomplete="randomstring", but this is more of a workaround that a solution. You might find more ways to disable it here.






share|improve this answer































    1














    i got the solution using jquery......



    $(document).ready(function(){
    $("#origin_postal").attr("autocomplete", "disabled");
    });



    Thanks for all






    share|improve this answer


























    • Change input type as search "<input type="search" />" its also working

      – BlueCloud
      Dec 4 '18 at 11:14



















    1














    its also working



    <input type="search" />





    share|improve this answer
























      Your Answer






      StackExchange.ifUsing("editor", function () {
      StackExchange.using("externalEditor", function () {
      StackExchange.using("snippets", function () {
      StackExchange.snippets.init();
      });
      });
      }, "code-snippets");

      StackExchange.ready(function() {
      var channelOptions = {
      tags: "".split(" "),
      id: "1"
      };
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function() {
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled) {
      StackExchange.using("snippets", function() {
      createEditor();
      });
      }
      else {
      createEditor();
      }
      });

      function createEditor() {
      StackExchange.prepareEditor({
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: true,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: 10,
      bindNavPrevention: true,
      postfix: "",
      imageUploader: {
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      },
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      });


      }
      });














      draft saved

      draft discarded


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53476327%2fbrowser-auto-fill-options-overlaps-angular-materiel-autocomplete-options%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      3 Answers
      3






      active

      oldest

      votes








      3 Answers
      3






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      1














      If you want to prevent browser (especially chrome) autocomplete trigger on an input you'd have to override its default behaviour. Google doesn't respect autocomplete="off". From my experience thing that always worked was using this autocomplete="randomstring", but this is more of a workaround that a solution. You might find more ways to disable it here.






      share|improve this answer




























        1














        If you want to prevent browser (especially chrome) autocomplete trigger on an input you'd have to override its default behaviour. Google doesn't respect autocomplete="off". From my experience thing that always worked was using this autocomplete="randomstring", but this is more of a workaround that a solution. You might find more ways to disable it here.






        share|improve this answer


























          1












          1








          1







          If you want to prevent browser (especially chrome) autocomplete trigger on an input you'd have to override its default behaviour. Google doesn't respect autocomplete="off". From my experience thing that always worked was using this autocomplete="randomstring", but this is more of a workaround that a solution. You might find more ways to disable it here.






          share|improve this answer













          If you want to prevent browser (especially chrome) autocomplete trigger on an input you'd have to override its default behaviour. Google doesn't respect autocomplete="off". From my experience thing that always worked was using this autocomplete="randomstring", but this is more of a workaround that a solution. You might find more ways to disable it here.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 26 '18 at 7:32









          karoluSkaroluS

          711617




          711617

























              1














              i got the solution using jquery......



              $(document).ready(function(){
              $("#origin_postal").attr("autocomplete", "disabled");
              });



              Thanks for all






              share|improve this answer


























              • Change input type as search "<input type="search" />" its also working

                – BlueCloud
                Dec 4 '18 at 11:14
















              1














              i got the solution using jquery......



              $(document).ready(function(){
              $("#origin_postal").attr("autocomplete", "disabled");
              });



              Thanks for all






              share|improve this answer


























              • Change input type as search "<input type="search" />" its also working

                – BlueCloud
                Dec 4 '18 at 11:14














              1












              1








              1







              i got the solution using jquery......



              $(document).ready(function(){
              $("#origin_postal").attr("autocomplete", "disabled");
              });



              Thanks for all






              share|improve this answer















              i got the solution using jquery......



              $(document).ready(function(){
              $("#origin_postal").attr("autocomplete", "disabled");
              });



              Thanks for all







              share|improve this answer














              share|improve this answer



              share|improve this answer








              edited Nov 26 '18 at 8:44









              Preetham

              185




              185










              answered Nov 26 '18 at 8:41









              BlueCloudBlueCloud

              88110




              88110













              • Change input type as search "<input type="search" />" its also working

                – BlueCloud
                Dec 4 '18 at 11:14



















              • Change input type as search "<input type="search" />" its also working

                – BlueCloud
                Dec 4 '18 at 11:14

















              Change input type as search "<input type="search" />" its also working

              – BlueCloud
              Dec 4 '18 at 11:14





              Change input type as search "<input type="search" />" its also working

              – BlueCloud
              Dec 4 '18 at 11:14











              1














              its also working



              <input type="search" />





              share|improve this answer




























                1














                its also working



                <input type="search" />





                share|improve this answer


























                  1












                  1








                  1







                  its also working



                  <input type="search" />





                  share|improve this answer













                  its also working



                  <input type="search" />






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Dec 4 '18 at 11:19









                  BlueCloudBlueCloud

                  88110




                  88110






























                      draft saved

                      draft discarded




















































                      Thanks for contributing an answer to Stack Overflow!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid …



                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.


                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53476327%2fbrowser-auto-fill-options-overlaps-angular-materiel-autocomplete-options%23new-answer', 'question_page');
                      }
                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      -

                      Popular posts from this blog

                      To store a contact into the json file from server.js file using a class in NodeJS

                      Image
                      0 I have created three files -contactPresentation.js, contactService.js, contacts.json. I will run the contactService.js file. And it will navigate to contactPresentation.js file that will only choose an option to either add or display a file. If add(), then add the data into add of service file.And the data will be added to the contacts.json file . And if display(), then display the display() of service file. And the display will take the data from contacts.json file. However, i know my code is flawed. Please correct it . I am also getting an error - this.contacts.push(new ContactService(userName, contactNumber, emailId)); ^ TypeError: Cannot read property 'push' of undefined at ContactService.add (e:NodeJSProjectcontactManager2contactService.js:57:23) at new C
                      Read more

                      Redirect URL with Chrome Remote Debugging Android Devices

                      Image
                      1 How can i redirect an URL with Chrome Remote Debugging Android Devices? like Requestly Chrome extension on desktop. google-chrome debugging url redirect testing share | improve this question edited Nov 24 '18 at 8:16 sachinjain024 14.7k 23 73 129 asked Nov 23 '18 at 16:09 Momen Momen 91 10
                      Read more

                      Dieringhausen

                      Image
                      Dieringhausen Stadt Gummersbach 50.982777777778 7.5316666666667 165 Koordinaten: 50° 58′ 58″  N , 7° 31′ 54″  O Höhe: 165  (160–245)  m Einwohner: 5055  (30. Jun. 2016) Postleitzahl: 51645 Vorwahl: 02261 Lage von Dieringhausen in Gummersbach Im Hohl ca. 1927–1930 Ansicht von Südwesten bei Bünghausen Dieringhausen (im örtlichen Dialekt Dierkesen ) ist ein Ortsteil von Gummersbach im Oberbergischen Kreis, Regierungsbezirk Köln, Nordrhein-Westfalen (Deutschland). Inhaltsverzeichnis 1 Geographie 2 Geschichte 3 Kultur 3.1 Sehenswürdigkeiten 3.2 Regelmäßige Veranstaltungen 4 Infrastruktur und Wirtschaft 4.1 Verkehr 4.1.1 Schienen- und Busverkehr 4.1.2 Straßen 4.2 Öffentliche Einrichtungen 4.2.1 Schulen und Bildungseinrichtungen 4.2.2 Kirchliche Einrichtungen 5 Persönlichkeiten 5.1 In Dieringhausen geboren 5.2 In Dieringhausen gelebt 6 Einzelnachweise 7
                      Read more