Disable spellcheck on password field (#132)

Signed-off-by: Matt Provost <provomat@amazon.com> Signed-off-by: Matt Provost <provomat@amazon.com>
opensearch-project · Dec 3, 2022 · d225336 · d225336
1 parent b832b79
commit d225336
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/form/field_password/__snapshots__/field_password.test.tsx.snap b/src/components/form/field_password/__snapshots__/field_password.test.tsx.snap
@@ -15,6 +15,7 @@ exports[`OuiFieldPassword is rendered 1`] = `
         id="1"
         name="elastic"
         placeholder="Placeholder"
+        spellcheck="false"
         type="password"
         value="1"
       />
@@ -46,6 +47,7 @@ exports[`OuiFieldPassword props compressed is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword ouiFieldPassword--compressed"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -76,6 +78,7 @@ exports[`OuiFieldPassword props dual dual type also renders append 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword ouiFieldPassword--inGroup ouiFieldPassword--withToggle"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -129,6 +132,7 @@ exports[`OuiFieldPassword props dual dualToggleProps is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword ouiFieldPassword--inGroup ouiFieldPassword--withToggle"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -173,6 +177,7 @@ exports[`OuiFieldPassword props fullWidth is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword ouiFieldPassword--fullWidth"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -205,6 +210,7 @@ exports[`OuiFieldPassword props isInvalid is rendered 1`] = `
     >
       <input
         class="ouiFieldPassword"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -235,6 +241,7 @@ exports[`OuiFieldPassword props isLoading is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword ouiFieldPassword-isLoading"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -277,6 +284,7 @@ exports[`OuiFieldPassword props prepend and append is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword ouiFieldPassword--inGroup"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -312,6 +320,7 @@ exports[`OuiFieldPassword props type dual is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword ouiFieldPassword--inGroup ouiFieldPassword--withToggle"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -355,6 +364,7 @@ exports[`OuiFieldPassword props type password is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword"
+        spellcheck="false"
         type="password"
       />
     </oui-validatable-control>
@@ -385,6 +395,7 @@ exports[`OuiFieldPassword props type text is rendered 1`] = `
     <oui-validatable-control>
       <input
         class="ouiFieldPassword"
+        spellcheck="false"
         type="text"
       />
     </oui-validatable-control>

diff --git a/src/components/form/field_password/field_password.tsx b/src/components/form/field_password/field_password.tsx
@@ -187,6 +187,7 @@ export const OuiFieldPassword: FunctionComponent<OuiFieldPasswordProps> = ({
           value={value}
           ref={setInputRef}
           {...rest}
+          spellCheck="false"
         />
       </OuiValidatableControl>
     </OuiFormControlLayout>