- Enable <Select/> accessibility.

Author: Edward Xiao

lib/components/Checkbox.js

@@ -51,6 +51,7 @@ var reactInputsValidationCss = {
   "checkbox__container": "react-inputs-validation__checkbox__container___3I1rX",
   "checkbox__box": "react-inputs-validation__checkbox__box___1uj8A",
   "box": "react-inputs-validation__box___3E9nu",
+  "select__button": "react-inputs-validation__select__button___vEDoq",
   "select__wrapper": "react-inputs-validation__select__wrapper___1B4OH",
   "select__input": "react-inputs-validation__select__input___3h-P7",
   "select__container": "react-inputs-validation__select__container___3jgUR",

lib/components/Radiobox.js

@@ -51,6 +51,7 @@ var reactInputsValidationCss = {
   "checkbox__container": "react-inputs-validation__checkbox__container___3I1rX",
   "checkbox__box": "react-inputs-validation__checkbox__box___1uj8A",
   "box": "react-inputs-validation__box___3E9nu",
+  "select__button": "react-inputs-validation__select__button___vEDoq",
   "select__wrapper": "react-inputs-validation__select__wrapper___1B4OH",
   "select__input": "react-inputs-validation__select__input___3h-P7",
   "select__container": "react-inputs-validation__select__container___3jgUR",

lib/components/Select.js

@@ -59,6 +59,7 @@ var reactInputsValidationCss = {
   "checkbox__container": "react-inputs-validation__checkbox__container___3I1rX",
   "checkbox__box": "react-inputs-validation__checkbox__box___1uj8A",
   "box": "react-inputs-validation__box___3E9nu",
+  "select__button": "react-inputs-validation__select__button___vEDoq",
   "select__wrapper": "react-inputs-validation__select__wrapper___1B4OH",
   "select__input": "react-inputs-validation__select__input___3h-P7",
   "select__container": "react-inputs-validation__select__container___3jgUR",
@@ -675,16 +676,19 @@ var component = function component(_ref) {
   }, item ? item.name : ''), React.createElement("div", {
     className: dropdownIconClass
   }));
-  return React.createElement("div", {
-    ref: $wrapper,
-    className: wrapperClass,
-    style: customStyleWrapper,
+  return React.createElement("button", {
+    type: "button",
+    className: reactInputsValidationCss["".concat(TYPE, "__button")],
     onClick: function onClick(e) {
       handleOnClick(e);
       !disabled ? setShow(!show) : "";
     },
     onFocus: handleOnFocus,
     onBlur: handleOnBlur
+  }, React.createElement("div", {
+    ref: $wrapper,
+    className: wrapperClass,
+    style: customStyleWrapper
   }, React.createElement("div", {
     className: containerClass,
     style: customStyleContainer
@@ -701,7 +705,7 @@ var component = function component(_ref) {
     ref: $itemsWrapper,
     className: selectOptionListContainerClass,
     style: customStyleOptionListContainer
-  }, optionListHtml)), msgHtml);
+  }, optionListHtml)), msgHtml));
 };
 
 var Option = memo(function (_ref2) {

lib/components/Textarea.js

@@ -61,6 +61,7 @@ var reactInputsValidationCss = {
   "checkbox__container": "react-inputs-validation__checkbox__container___3I1rX",
   "checkbox__box": "react-inputs-validation__checkbox__box___1uj8A",
   "box": "react-inputs-validation__box___3E9nu",
+  "select__button": "react-inputs-validation__select__button___vEDoq",
   "select__wrapper": "react-inputs-validation__select__wrapper___1B4OH",
   "select__input": "react-inputs-validation__select__input___3h-P7",
   "select__container": "react-inputs-validation__select__container___3jgUR",

lib/components/Textbox.js

@@ -61,6 +61,7 @@ var reactInputsValidationCss = {
   "checkbox__container": "react-inputs-validation__checkbox__container___3I1rX",
   "checkbox__box": "react-inputs-validation__checkbox__box___1uj8A",
   "box": "react-inputs-validation__box___3E9nu",
+  "select__button": "react-inputs-validation__select__button___vEDoq",
   "select__wrapper": "react-inputs-validation__select__wrapper___1B4OH",
   "select__input": "react-inputs-validation__select__input___3h-P7",
   "select__container": "react-inputs-validation__select__container___3jgUR",