6***@qq.com
6***@qq.com
  • 发布:2023-11-27 16:29
  • 更新:2023-11-27 16:29
  • 阅读:153

【报Bug】<web-view>高页面的输入框,在iOS平台上,点击软键盘上导航条的“完成”,页面向上跳动剧烈。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Ventura 13.5.2

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: iOS

手机系统版本号: iOS 17

手机厂商: 苹果

手机机型: iPhone 14 Pro Max

页面类型: vue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

操作步骤:

复现步骤见“bug描述”部分。

预期结果:

期望页面不会向上跳动,与Safari浏览器中表现的效果一致。

实际结果:

页面向上跳动,跳动幅度剧烈。

bug描述:

<web-view>页面的输入框嵌入html,在iOS平台上,点击软键盘上导航条的“完成”,页面向上跳动剧烈。

在浏览器中打开此html无此问题;尝试使用原生的WKWebView嵌入此html也没有此bug,uni-app的<web-view>有此bug。

复现步骤:

  1. 在HBuilderX3.8.12中使用uni-app默认模板新建项目(选Vue3.0)。
  2. 将附件中的index.html放到static文件夹中。
  3. 在pages/index/index.vue中的内容改为:
<template>  
  <web-view src="/static/index.html"></web-view>  
</template>
  1. 打包并在iOS手机平台的App上运行,然后点击首页的输入框。
  2. 然后点击软键盘上导航条的“完成”,发现页面会跳动很长的距离。

经测试,在iOS的Safari浏览器中打开此页面进行操作,不会出现任何问题(见下图)。

2023-11-27 16:29 负责人:无 分享
已邀请:

要回复问题请先登录注册