Issue #3316026 by jrockowitz, Thomas Cys: Disable autocomplete in Chrome

js/webform.element.date.js

@@ -99,7 +99,8 @@
         }
 
         // Disable autocomplete.
-        $input.attr('autocomplete', 'off');
+        var off = /chrom(e|ium)/.test(window.navigator.userAgent.toLowerCase()) ? 'chrome-off-' + Math.floor(Math.random() * 100000000) : 'off';
+        $input.attr('autocomplete', off);
 
         $input.datepicker(options);
       });

js/webform.element.inputhide.js

@@ -38,7 +38,8 @@
           $(this)
             .on('blur', function () {
               this.type = 'password';
-              $(this).attr('autocomplete', 'off');
+              var off = /chrom(e|ium)/.test(window.navigator.userAgent.toLowerCase()) ? 'chrome-off-' + Math.floor(Math.random() * 100000000) : 'off';
+              $(this).attr('autocomplete', off);
             })
             .on('focus', function () {
               this.type = type;

js/webform.element.location.places.js

@@ -64,7 +64,8 @@
         var placesAutocomplete = window.places(options);
 
         // Disable autocomplete.
-        $input.attr('autocomplete', 'off');
+        var off = /chrom(e|ium)/.test(window.navigator.userAgent.toLowerCase()) ? 'chrome-off-' + Math.floor(Math.random() * 100000000) : 'off';
+        $input.attr('autocomplete', off);
 
         // Sync values on change and clear events.
         placesAutocomplete.on('change', function (e) {

js/webform.element.states.js

@@ -46,7 +46,8 @@
               .removeClass('form-autocomplete');
           }
           // Always disable browser auto completion.
-          $value.attr('autocomplete', 'off');
+          var off = /chrom(e|ium)/.test(window.navigator.userAgent.toLowerCase()) ? 'chrome-off-' + Math.floor(Math.random() * 100000000) : 'off';
+          $value.attr('autocomplete', off);
         }).trigger('change');
       });
 

js/webform.filter.js

@@ -51,8 +51,9 @@
 
         if ($table.length) {
           $filterRows = $table.find(sourceSelector);
+          var off = /chrom(e|ium)/.test(window.navigator.userAgent.toLowerCase()) ? 'chrome-off-' + Math.floor(Math.random() * 100000000) : 'off';
           $input
-            .attr('autocomplete', 'off')
+            .attr('autocomplete', off)
             .on('keyup', debounce(filterElementList, 200))
             .keyup();
 

src/Controller/WebformAddonsController.php

@@ -79,7 +79,7 @@ class WebformAddonsController extends ControllerBase implements ContainerInjecti
         'name' => 'text',
         'class' => ['webform-form-filter-text'],
         'data-summary' => '.webform-addons-summary',
-        'data-item-singlular' => $this->t('add-on'),
+        'data-item-singular' => $this->t('add-on'),
         'data-item-plural' => $this->t('add-ons'),
         'data-no-results' => '.webform-addons-no-results',
         'data-element' => '.admin-list',