n-modal内使用n-list 和 n-input/n-input-number 无法输入问题

[qzq0111]

描述错误

n-modal内使用n-list 和 n-input/n-input-number,会导致输入框无法输入内容,而且如果有多个输入框的情况下,依次点击输入框,点击过的输入框会同时保持聚焦状态

复现步骤

<n-modal v-model:show="modelShow">
  <n-list>
    ...
      <n-input-number />
      <n-input-number />
    ...
  </n-list>
</n-modal>

最小复现链接

(https://codesandbox.io/p/sandbox/inspiring-waterfall-nxtp48)

系统信息

"naive-ui": "2.40.1"

使用的包管理器

pnpm

验证

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

[jahnli]

Provide a based on CodeSandbox or stackblitz `s Minimal Reproducible Example

[qzq0111]

Provide a based on CodeSandbox or stackblitz `s Minimal Reproducible Example

https://codesandbox.io/p/sandbox/inspiring-waterfall-nxtp48

[jahnli]

remove n-list is normal, not sure if it is BUG, first mark it

[pengchenggang]

我也遇到这个问题了，我刚接手了一个naive 的项目，写了5分钟，就出现了不能输入的bug，最外面 n-modal 然后写了一个n-list 里面还有 n-form n-input 什么的，预览时候input不能输入，无语了。
解决方案：n-modal 里面第一个节点给一个div，就是包一层div，就都解决了。