fix(VirtualInput): should not block of long press (#6477)

* fix(VirtualInput): should not  block of long press

* chore: adjust blur logic

Author: zombieJ

src/components/number-keyboard/number-keyboard.tsx

@@ -229,6 +229,10 @@ export const NumberKeyboard: FC<NumberKeyboardProps> = p => {
                     onKeyPress(e, 'BACKSPACE')
                     onBackspacePressEnd()
                   }}
+                  onContextMenu={e => {
+                    // Long press should not trigger native context menu
+                    e.preventDefault()
+                  }}
                   title='BACKSPACE'
                   role='grid'
                   tabIndex={-1}

src/components/virtual-input/virtual-input.tsx

@@ -107,7 +107,16 @@ export const VirtualInput = forwardRef<VirtualInputRef, VirtualInputProps>(
         },
         visible: hasFocus,
         onClose: () => {
-          rootRef.current?.blur()
+          const activeElement = document.activeElement as HTMLElement
+
+          // Long press makes `activeElement` to be the child of rootRef
+          // We will trigger blur on the child element instead
+          if (activeElement && rootRef.current?.contains(activeElement)) {
+            activeElement.blur()
+          } else {
+            rootRef.current?.blur()
+          }
+
           keyboard.props.onClose?.()
         },
         getContainer: null,