[vue3][vite]微信小程序input表单自动收起键盘

[jiaoshibo]

问题描述 在表单的input内输入内容完毕后点击另一个input，键盘会自动收起，同时input会失去焦点，影响用户继续输入

复现步骤

1. 点击一个input，键盘弹出
2. 点击另一个input，键盘弹出
3. 再次点击第一个input，键盘弹出，随后键盘关闭

预期结果 点击一个input键盘弹出，点击另一个input，键盘弹出，不自动关闭

实际结果

1. 点击一个input，键盘弹出
2. 点击另一个input，键盘弹出
3. 再次点击第一个input，键盘弹出，随后键盘关闭

系统信息:

• 发行平台: 微信小程序
• 操作系统 iOS 15.3.1
• uni-app版本 "@dcloudio/uni-app": "^3.0.0-alpha-3040620220415002",
• vue版本 3.2.33
• vite 版本 2.9.5
• 设备信息 iPhone SE 2020

补充信息

https://user-images.githubusercontent.com/30992316/163763807-8231ef78-46ce-4a54-a453-7650bf1d3052.mp4

[jiaoshibo]

经过排查，发现是 textarea 组件导致的这个问题，修改为 input 组件问题就没有此问题，具体原因未知，还请开发人员解答

<view class="page-appointment-form">
        <text class="form-title">
              买家留言
        </text>
        <view class="textarea-style">
              <textarea placeholder-style="color:#D4D5DC" name="remark" placeholder="请输入您的留言" />
        </view>
</view>

[llk2yq]

我记得好像两个input之间切换也会有这个bug呀。

[caalvinz]

我也碰到相同的情况。真的是把textarea删除后问题就解决了。

在我的情况中，除了input、textarea外，表单中同时还有editor。 我发现在点击不同的input的时候，随着键盘的弹起和收回，editor还会获得焦点=》失去焦点。 不知道有没有办法不要让editor自动被聚焦呢？