NInput 受 LastPass 影响，placeholder 向上漂移

[lparam]

描述错误

LastPass 图标插入输入框尾部，导致 placeholder 位置向上漂移

复现步骤

没有 LastPass 的情况

开启 LastPass 的情况

代码

<script setup lang="ts">
import { NInput } from 'naive-ui'
</script>

<template>
  <n-input type="text" placeholder="用户名" />
  <n-input type="password" placeholder="密码" />
</template>

最小复现链接

https://www.naiveui.com/zh-CN/light/components/input

系统信息

System:
    OS: Linux 6.8 Ubuntu 24.04.1 LTS 24.04.1 LTS (Noble Numbat)
    CPU: (24) x64 13th Gen Intel(R) Core(TM) i7-13700K
    Memory: 9.66 GB / 31.08 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 20.15.0 - /usr/local/bin/node
    npm: 10.7.0 - /usr/local/bin/npm
    pnpm: 9.9.0 - ~/.npm-packages/bin/pnpm
  Browsers:
    Chrome: 128.0.6613.119

使用的包管理器

pnpm

验证

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

[Zheng-Changfu]

描述错误

LastPass 图标插入输入框尾部，导致 placeholder 位置向上漂移

复现步骤

没有 LastPass 的情况

开启 LastPass 的情况

代码

<script setup lang="ts">
import { NInput } from 'naive-ui'
</script>

<template>
  <n-input type="text" placeholder="用户名" />
  <n-input type="password" placeholder="密码" />
</template>

最小复现链接

https://www.naiveui.com/zh-CN/light/components/input

系统信息

System:
    OS: Linux 6.8 Ubuntu 24.04.1 LTS 24.04.1 LTS (Noble Numbat)
    CPU: (24) x64 13th Gen Intel(R) Core(TM) i7-13700K
    Memory: 9.66 GB / 31.08 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 20.15.0 - /usr/local/bin/node
    npm: 10.7.0 - /usr/local/bin/npm
    pnpm: 9.9.0 - ~/.npm-packages/bin/pnpm
  Browsers:
    Chrome: 128.0.6613.119

使用的包管理器

pnpm

验证

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

请提供复现链接或代码示例

[jahnli]

提供的复现 最小可复现的示例

[lparam]

@Zheng-Changfu

Vue3 代码

<script setup lang="ts">
import { NInput } from 'naive-ui'
</script>

<template>
  <n-input type="text" placeholder="用户名" />
  <n-input type="password" placeholder="密码" />
</template>

[Zheng-Changfu]

@Zheng-Changfu

Vue3 代码

<script setup lang="ts">
import { NInput } from 'naive-ui'
</script>

<template>
  <n-input type="text" placeholder="用户名" />
  <n-input type="password" placeholder="密码" />
</template>

这也不是复现代码啊

[jahnli]

应该去 LastPass 反馈，为什么影响了原本组件的样式