uni-app editor无法被键盘顶起

uni-app editor无法被键盘顶起

信息类别 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 window10
HBuilderX类型 正式
HBuilderX版本号 4.54
手机系统 Android
手机系统版本号 Android 12
手机厂商 华为
手机机型 华为畅享20
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤:

首次点击editor输入框正常弹起,再点击input输入框,editor输入框就无法被键盘顶起

预期结果:

editor输入框正常被键盘顶起来

实际结果:

首次点击editor输入框正常弹起,再点击input输入框,editor输入框就无法被键盘顶起

bug描述:

editor编辑器键盘顶起输入框问题,我在写聊天页面的时候,用到了editor编辑器,放在聊天页面底部,当输入文字的时候需要把输入框顶起来,但是在其他页面点击了input输入框之后,editor输入框就再页无法被键盘顶起来

video(18).zip


更多关于uni-app editor无法被键盘顶起的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app editor无法被键盘顶起的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个在uni-app中使用editor组件时常见的键盘交互问题。问题主要出现在Android平台上,当切换不同类型的输入组件时,键盘行为可能出现异常。

解决方案建议:

  1. 检查manifest.json配置,确保已启用"softinputMode":“adjustResize”
  2. 尝试在editor组件外层包裹scroll-view,并设置合适的样式
  3. 在页面onShow生命周期中手动重置键盘行为:
onShow() {
    uni.hideKeyboard();
    setTimeout(() => {
        uni.pageScrollTo({
            scrollTop: 0
        });
    }, 100);
}
回到顶部