From d225336877d2546d4cd8d5dedb3185267b0d8256 Mon Sep 17 00:00:00 2001
From: Matt Provost <provomat@amazon.com>
Date: Fri, 2 Dec 2022 18:26:32 -0800
Subject: [PATCH] Disable spellcheck on password field (#132)

Signed-off-by: Matt Provost <provomat@amazon.com>

Signed-off-by: Matt Provost <provomat@amazon.com>
---
 .../__snapshots__/field_password.test.tsx.snap        | 11 +++++++++++
 src/components/form/field_password/field_password.tsx |  1 +
 2 files changed, 12 insertions(+)

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
index 794f766003..4a5987c83a 100644
--- 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
index 49d966edbb..6044102d5f 100644
--- 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>