2***@qq.com
2***@qq.com
  • 发布:2023-09-06 14:34
  • 更新:2023-09-06 15:57
  • 阅读:321

【报Bug】android 键盘弹起时页面底部fixed定位元素无法稳定被顶起,导致被键盘遮挡

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.3.1

手机系统: 全部

手机系统版本号: Android 14

手机厂商: 华为

手机机型: 荣耀V30

页面类型: vue

vue版本: vue3

打包方式: 离线

项目创建方式: CLI

CLI版本号: 5.0.8

测试过的手机:

荣耀V30: 鸿蒙3.0.0 oppo reno9 :andriod13 iPhone12: ios16.6 iPhone13: ios16.6

示例代码:
//html  
<view class="comment-position"></view>  

// css  
.comment-position {  
  position: fixed;  
  bottom: 0;  
  width: 100%;  
  z-index: 1000;  
}

操作步骤:

页面底部放置一个fixed定位元素,包含一个富文本编辑器,聚焦时可唤醒软键盘

预期结果:

软键盘唤醒时顶起fixed定位元素

实际结果:

软键盘唤醒时不一定能顶起fixed定位元素,有时会出现遮挡的情况

bug描述:

文章底部有一个fixed定位的元素,元素内有一个富文本编辑器,focus时,唤醒软键盘,有时会出现无法将fixed定位元素顶起的情况,导致富文本编辑器被遮挡

2023-09-06 14:34 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

找到一个稳定复现的办法,首次进入app,fixed定位元素能被键盘顶起,此时在app内任意页面触发一次input或textare输入框,刚才的fixed定位元素就会被键盘遮挡

等下班

等下班 - 1111111

这个问题我提过很久了都没人解决.我的需要是不顶起页面,但是adjust-position完全是随着打包随机的。

  • 2***@qq.com (作者)

    我的输入框是一个富文本编辑器,用的tiptap,利用renderjs引入进来的,没有类似adjust-position这种配置

    2023-09-06 17:02

  • 2***@qq.com (作者)

    你的fixed定位元素能稳定被键盘顶起吗

    2023-09-06 17:03

  • 等下班

    回复 2***@qq.com: 我设置adjust-position为false,希望页面不被顶起来, 通过获取键盘高度自己做输入框的定位,但是这个属性不起作用,随着安装随机出现顶起或不顶起。不过你如果是一直不被顶起,那就可以使用键盘高度来自己做定位。

    2023-09-07 13:28

要回复问题请先登录注册