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

* fix(VirtualInput): should not block of long press * chore: adjust blur logic
ant-design · Dec 13, 2023 · 1756288 · 1756288
1 parent dcff0b8
commit 1756288
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/components/number-keyboard/number-keyboard.tsx b/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}

diff --git a/src/components/virtual-input/virtual-input.tsx b/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,