[EuiValidatableControl] Add aria-invalid

elastic · Mar 22, 2022 · d723d95 · d723d95
1 parent 2bfd32e
commit d723d95
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/src-docs/src/views/form_controls/form_controls_example.js b/src-docs/src/views/form_controls/form_controls_example.js
@@ -189,7 +189,7 @@ export const FormControlsExample = {
         <EuiSpacer />
 
         <p>
-          <strong>Placeholders</strong> should never replace a label but used as
+          <strong>Placeholders should never replace a label</strong> but used as
           a hint in addition to the label. Use the{' '}
           <EuiCode>placeholder</EuiCode> prop to describe the expected value of
           the input.

diff --git a/src/components/form/validatable_control/validatable_control.tsx b/src/components/form/validatable_control/validatable_control.tsx
@@ -80,5 +80,6 @@ export const EuiValidatableControl: FunctionComponent<
 
   return cloneElement(child, {
     ref: replacedRef,
+    'aria-invalid': isInvalid,
   });
 };
diff --git a/src/components/suggest/__snapshots__/suggest.test.tsx.snap b/src/components/suggest/__snapshots__/suggest.test.tsx.snap
@@ -917,6 +917,7 @@ Array [
               <input
                 aria-activedescendant=""
                 aria-haspopup="listbox"
+                aria-invalid="true"
                 aria-label="aria-label"
                 autocomplete="off"
                 class="euiFieldSearch euiFormControlLayout--2icons euiFieldSearch--compressed euiFieldSearch-isClearable euiFieldSearch-isInvalid euiSelectableSearch testClass1 testClass2"