@vention/machine-logic-ui-sdk 0.23.0 → 0.23.1

package/index.esm.js

@@ -1814,21 +1814,33 @@ const VirtualKeyboard = () => {
   const [keyboardLayout, setKeyboardLayout] = useState(KeyboardLayout.TEXT);
   const [keyboardLayoutName, setKeyboardLayoutName] = useState(KeyboardLayoutName.DEFAULT);
   const [focusedTextInput, setFocusedTextInput] = useState();
+  const [isSubmitPressed, setIsSubmitPressed] = useState(false);
   const virtualKeyboardRef = useRef(null);
   const keyboardContainerRef = useRef(null);
-  useEffect(function handleClickOutsideListeners() {
+  useEffect(function handleClickListeners() {
     function handleClickOutside(event) {
       if (keyboardContainerRef.current && !keyboardContainerRef.current.contains(event.target)) {
         setIsKeyboardVisible(false);
       }
     }
+    function handleMouseOrTouchUp(event) {
+      if (isSubmitPressed) {
+        event.preventDefault();
+        setIsKeyboardVisible(false);
+        setIsSubmitPressed(false);
+      }
+    }
     document.addEventListener("mousedown", handleClickOutside);
     document.addEventListener("touchstart", handleClickOutside);
+    document.addEventListener("mouseup", handleMouseOrTouchUp);
+    document.addEventListener("touchend", handleMouseOrTouchUp);
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
       document.removeEventListener("touchstart", handleClickOutside);
+      document.removeEventListener("mouseup", handleMouseOrTouchUp);
+      document.removeEventListener("touchend", handleMouseOrTouchUp);
     };
-  }, []);
+  }, [isSubmitPressed]);
   useEffect(function showOrHideKeyboard() {
     // The keyboard will appear/disappear on mouse down
     // However, if the user is clicking something, like a submit button or the input itself, the mouse up will happen a few milliseconds after the keyboard is shown/hidden
@@ -1969,7 +1981,7 @@ const VirtualKeyboard = () => {
         break;
       case KeyboardKey.SUBMIT:
         focusedTextInput.blur();
-        setIsKeyboardVisible(false);
+        setIsSubmitPressed(true);
         break;
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-logic-ui-sdk",
-  "version": "0.23.0",
+  "version": "0.23.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"