Merge branch '352128-add-autocomplete-off' into 'master'

Add autocomplete off to text inputs

See merge request gitlab-org/gitlab!81381

ee/app/assets/javascripts/vulnerabilities/components/new_vulnerability/new_vulnerability.vue

@@ -207,7 +207,7 @@ export default {
         {{ $options.i18n.description }}
       </p>
     </header>
-    <gl-form @submit.prevent="submitForm">
+    <gl-form autocomplete="off" @submit.prevent="submitForm">
       <gl-alert v-if="shouldShowAlert" variant="danger" dismissible @dismiss="dismissAlert">
         <ul v-if="errors.length > 1" class="gl-mb-0 gl-pl-5">
           <li v-for="error in errors" :key="error">{{ error }}</li>

ee/app/assets/javascripts/vulnerabilities/components/new_vulnerability/section_identifiers.vue

@@ -122,10 +122,10 @@ export default {
         :aria-label="$options.i18n.removeIdentifierRow"
         @click="removeIdentifier(index)"
       />
-      <!-- 
+      <!--
         The first row does not contain a remove button and this creates
         a misalignment. This button is here as a placeholder to align the rows,
-        it's not visible to the user but it occupies the space hence aligns the 
+        it's not visible to the user but it occupies the space hence aligns the
         rows properly.
       -->
       <gl-button

ee/spec/frontend/vulnerabilities/new_vulnerability/new_vulnerability_spec.js

@@ -91,6 +91,10 @@ describe('New vulnerability component', () => {
       expect(wrapper.findComponent(GlForm).exists()).toBe(true);
     });
 
+    it('has autocomplete turned off', () => {
+      expect(wrapper.findComponent(GlForm).attributes('autocomplete')).toBe('off');
+    });
+
     it.each`
       section                   | selector                  | fields
       ${'Name and Description'} | ${findSectionName}        | ${inputs.sectionName}