@thecb/components 5.11.4 → 6.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "5.11.4",
+  "version": "6.0.0-beta.2",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/dropdown/Dropdown.js

@@ -120,7 +120,11 @@ const Dropdown = ({
   const onKeyDown = e => {
     const { key, keyCode } = e;
     const focus = document.activeElement;
+    console.log("dropdown value is", value);
+    console.log("focus is", focus);
+    console.log("option refs are", optionRefs.current);
     const optionEl = optionRefs.current.find(ref => ref.current === focus);
+    console.log("option el is", optionEl);
     switch (key) {
       case "ArrowDown":
         e.preventDefault();
@@ -155,6 +159,8 @@ const Dropdown = ({
         break;
       case "Backspace" || "Delete":
         e.preventDefault();
+        console.log("input value is", inputValue);
+        console.log("new input value will be", inputValue.slice(0, -1));
         setInputValue(inputValue.slice(0, -1));
         break;
     }
@@ -165,6 +171,11 @@ const Dropdown = ({
   };
 
   useEffect(() => {
+    console.log(
+      "option refs in isopen useffect",
+      optionRefs.current[0].current
+    );
+    console.log("value in isopen useffect", value);
     if (isOpen && optionRefs.current[0].current) {
       optionRefs.current[0].current.focus();
     }