VirtualInput 的 keyboard参数的getContainer失效

[TivonJJ]

Version of antd-mobile

v5.32.0

Operating system and its version

No response

Browser and its version

All

Sandbox to reproduce

No response

What happened?

该代码设置后keyboard还是渲染在了子元素内，未append到body。 这样键盘可能会继承input的一些自定义样式。

<VirtualInput
  keyboard={
    <NumberKeyboard
      className={classnames('NumberKeyboard', keyboardClassName)}
      getContainer={document.body}
    />
  }
/>

https://mobile.ant.design/zh/components/number-keyboard

https://mobile.ant.design/zh/components/virtual-input

Relevant log output

No response

[1587315093]

97398a0

应该是预期行为？

[TivonJJ]

97398a0

应该是预期行为？

为什么会如此做？ 我觉得这个还是开放可控更好，因为这种浮窗在子组件内可能会产生很多不必要的麻烦。

[1587315093]

97398a0
应该是预期行为？

为什么会如此做？ 我觉得这个还是开放可控更好，因为这种浮窗在子组件内可能会产生很多不必要的麻烦。

刻意加的代码总有它的道理~ 看commit msg意思是 防止长按使输入元素丢失...

[TivonJJ]

97398a0
应该是预期行为？

为什么会如此做？ 我觉得这个还是开放可控更好，因为这种浮窗在子组件内可能会产生很多不必要的麻烦。

刻意加的代码总有它的道理~ 看commit msg意思是 防止长按使输入元素丢失...

然而那个问题并没有完全解决

[TivonJJ]

曲线解决了此问题

const NumberKeyboardWithContainer = (
    props: Omit<NumberKeyboardProps, 'getContainer'> & {
        container: NumberKeyboardProps['getContainer'];
    },
) => {
    return <NumberKeyboard {...props} getContainer={props.container} />;
};

<VirtualInput
            keyboard={
                <NumberKeyboardWithContainer
                    data-key={uniqueKey}
                    className={classnames('numberkeyboard', keyboardClassName)}
                    container={getContainer}
                    {...restKeyboardProps}
                />
            }
        />

[1587315093]

曲线解决了此问题

const NumberKeyboardWithContainer = (
    props: Omit<NumberKeyboardProps, 'getContainer'> & {
        container: NumberKeyboardProps['getContainer'];
    },
) => {
    return <NumberKeyboard {...props} getContainer={props.container} />;
};

<VirtualInput
            keyboard={
                <NumberKeyboardWithContainer
                    data-key={uniqueKey}
                    className={classnames('numberkeyboard', keyboardClassName)}
                    container={getContainer}
                    {...restKeyboardProps}
                />
            }
        />

思路挺好~

那个问题没解决能说说吗