Auto Complete放进 Modal时有错位问题

[onlyJinx]

描述错误

如图（右下角）

复现步骤

<template>
  <n-button @click="showModal = true"> 来吧 </n-button>
  <n-modal v-model:show="showModal">
    <n-card
      style="width: 600px"
      title="模态框"
      :bordered="false"
      size="huge"
      role="dialog"
      aria-modal="true"
    >
      <n-auto-complete
        v-model:value="value"
        :input-props="{
          autocomplete: 'disabled',
        }"
        :options="options"
        placeholder="邮箱"
        clearable
      />
    </n-card>
  </n-modal>
</template>

<script lang="ts">
import { defineComponent, ref,computed } from "vue";

export default defineComponent({
  setup() {
  const valueRef = ref('')
    return {
      value: valueRef,
      options: computed(() => {
        return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
          const prefix = valueRef.value.split('@')[0]
          return {
            label: prefix + suffix,
            value: prefix + suffix
          }
        })
      })
      showModal: ref(false),
    };
  },
});
</script>

最小复现链接

https://codesandbox.io/p/sandbox/ancient-star-gjr633

系统信息

不是系统问题

使用的包管理器

npm

验证

• 阅读 贡献指南。
• 阅读 文档。
• 检查是否已经存在相同问题的问题，以避免创建重复的问题。
• 确保这是一个具体的 bug。有关问题和答案，请打开 GitHub 讨论。
• 提供的复现是最小可复现的示例。

[吉仔]

是由于 autoFocus 导致的，解决办法两种：

1. 设置 preset；
2. auto-focus 设为 false

Simalar to #4756 (comment)

[onlyJinx]

是由于 autoFocus 导致的，解决办法两种：

1. 设置 preset；
2. auto-focus 设为 false

Simalar to #4756 (comment)

OK，设置了 auto-focus 后可以解决，谢谢啦