@thecb/components 6.0.0-beta.22 → 6.0.0-beta.25

package/dist/index.esm.js

@@ -20743,6 +20743,8 @@ var Dropdown = function Dropdown(_ref8) {
       inputChangedByAutofill = _useState14[0],
       setInputChangedByAutofill = _useState14[1];
 
+  var inputBox = useRef(null);
+
   if (optionsState !== options) {
     setOptionsState(options);
     setOptionsChanged(true);
@@ -20873,9 +20875,11 @@ var Dropdown = function Dropdown(_ref8) {
     if (isOpen && selectedRef !== undefined && selectedRef.current !== null) {
       // WAI-ARIA requires the selected option to receive focus
       selectedRef.current.focus();
+      inputBox.current.focus();
     } else if (isOpen && optionRefs.current[0].current) {
       // If no selected option, first option receives focus
       optionRefs.current[0].current.focus();
+      inputBox.current.focus();
     }
 
     clearTimeout(timer);
@@ -20894,9 +20898,21 @@ var Dropdown = function Dropdown(_ref8) {
     }));
   }, [inputValue]);
   useEffect$1(function () {
-    if ((!isOpen || inputChangedByAutofill) && filteredOptions[0] && !disabledValues.includes(filteredOptions[0].value) && filteredOptions[0].text != placeholder) {
+    if (
+    /*
+      Either user has typed a value into input that matches a non-disabled option
+      or
+      user has autofilled or pasted into input a string matching a valid option
+    */
+    (!isOpen || inputChangedByAutofill) && filteredOptions[0] && !disabledValues.includes(filteredOptions[0].value) && filteredOptions[0].text != placeholder) {
       setInputChangedByAutofill(false);
       onSelect(filteredOptions[0].value);
+
+      if (isOpen) {
+        setTimeout(function () {
+          return _onClick();
+        }, 2000);
+      }
     }
 
     if (optionRefs.current[0].current) {
@@ -20950,6 +20966,7 @@ var Dropdown = function Dropdown(_ref8) {
     },
     padding: "12px",
     placeholder: getSelection(),
+    ref: inputBox,
     role: "combobox",
     themeValues: themeValues,
     title: hasTitles ? getSelection() : null,