复现步骤见“bug描述”部分。
- 发布:2023-11-27 16:29
- 更新:2023-11-27 16:29
- 阅读:266
产品分类: 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
操作步骤:
预期结果:
期望页面不会向上跳动,与Safari浏览器中表现的效果一致。
期望页面不会向上跳动,与Safari浏览器中表现的效果一致。
实际结果:
页面向上跳动,跳动幅度剧烈。
页面向上跳动,跳动幅度剧烈。
bug描述:
<web-view>页面的输入框嵌入html,在iOS平台上,点击软键盘上导航条的“完成”,页面向上跳动剧烈。
在浏览器中打开此html无此问题;尝试使用原生的WKWebView嵌入此html也没有此bug,uni-app的<web-view>有此bug。
复现步骤:
- 在HBuilderX3.8.12中使用uni-app默认模板新建项目(选Vue3.0)。
- 将附件中的index.html放到static文件夹中。
- 在pages/index/index.vue中的内容改为:
<template>
<web-view src="/static/index.html"></web-view>
</template>
- 打包并在iOS手机平台的App上运行,然后点击首页的输入框。
- 然后点击软键盘上导航条的“完成”,发现页面会跳动很长的距离。
经测试,在iOS的Safari浏览器中打开此页面进行操作,不会出现任何问题(见下图)。