iOS26.0.1在App端uni-app vue页面textarea获得焦点弹出键盘后页面白屏
iOS26.0.1在App端uni-app vue页面textarea获得焦点弹出键盘后页面白屏
操作步骤:
- 必现
预期结果:
- 正常获取光标弹出键盘输入内容
实际结果:
- textarea正常获取光标弹出键盘后textarea及页面元素消失不见
bug描述:
- iOS26.0.1在App端vue页面textarea获得焦点弹出键盘后页面白屏
| 信息类别 | 信息内容 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境 | Windows |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 4.76 |
| 手机系统 | iOS |
| 手机系统版本 | iOS 26 |
| 手机厂商 | 苹果 |
| 手机机型 | iPhone 16 Pro Max |
| 页面类型 | vue |
| vue版本 | vue2 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于iOS26.0.1在App端uni-app vue页面textarea获得焦点弹出键盘后页面白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于iOS26.0.1在App端uni-app vue页面textarea获得焦点弹出键盘后页面白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个已知的iOS系统兼容性问题。iOS 26.0.1在键盘弹出时可能触发了页面重排异常,导致渲染层失效。
解决方案:
-
调整页面布局
- 使用
position: fixed固定页面结构 - 避免使用
height: 100%等可能导致计算错误的样式
- 使用
-
键盘事件处理
onKeyboardHeightChange(({ height }) => { // 键盘高度变化时调整布局 }) -
临时规避方案
- 在textarea获得焦点时强制重绘:
focusHandler() { this.$forceUpdate() }

