From ca113f1851e0ac97e910b3be0864e2cf202466a2 Mon Sep 17 00:00:00 2001 From: hedgecox <41297418+hedgecox@users.noreply.github.com> Date: Mon, 22 Jun 2020 17:38:07 +0100 Subject: [PATCH] fix(Input): Aria-invalid attribute (#1782) Co-authored-by: Evan Sharp --- src/CustomFileInput.js | 1 + src/CustomInput.js | 3 +++ src/Input.js | 2 +- 3 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/CustomFileInput.js b/src/CustomFileInput.js index 9ac4bc3f8..6cca67f6f 100644 --- a/src/CustomFileInput.js +++ b/src/CustomFileInput.js @@ -103,6 +103,7 @@ class CustomFileInput extends React.Component { type="file" {...attributes} ref={innerRef} + aria-invalid={invalid} className={classNames( validationClassNames, mapToCssModules("custom-file-input", cssModule) diff --git a/src/CustomInput.js b/src/CustomInput.js index a1d58789c..3e415c7ad 100644 --- a/src/CustomInput.js +++ b/src/CustomInput.js @@ -55,6 +55,7 @@ function CustomInput(props) { {...rest} ref={innerRef} className={classNames(validationClassNames, customClass)} + aria-invalid={invalid} > {children} @@ -70,6 +71,7 @@ function CustomInput(props) { ); @@ -90,6 +92,7 @@ function CustomInput(props) { {...rest} type={type === "switch" ? "checkbox" : type} ref={innerRef} + aria-invalid={invalid} className={classNames( validationClassNames, mapToCssModules("custom-control-input", cssModule) diff --git a/src/Input.js b/src/Input.js index 4d9d2bc9b..245d5c981 100644 --- a/src/Input.js +++ b/src/Input.js @@ -127,7 +127,7 @@ class Input extends React.Component { delete attributes.children; } - return ; + return ; } }