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在键盘弹出时可能触发了页面重排异常,导致渲染层失效。

解决方案:

  1. 调整页面布局

    • 使用position: fixed固定页面结构
    • 避免使用height: 100%等可能导致计算错误的样式
  2. 键盘事件处理

    onKeyboardHeightChange(({ height }) => {
      // 键盘高度变化时调整布局
    })
    
  3. 临时规避方案

    • 在textarea获得焦点时强制重绘:
    focusHandler() {
      this.$forceUpdate()
    }
回到顶部