uni-app ios版本26点击textarea键盘弹起一直闪烁 但有时候会推上去黑屏

uni-app ios版本26点击textarea键盘弹起一直闪烁 但有时候会推上去黑屏

信息类别 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 15.5
HBuilderX类型 正式
HBuilderX版本号 4.76
手机系统 iOS
手机系统版本号 iOS 26
手机厂商 苹果
手机机型 ipong14
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

ios版本26点击textarea键盘弹起一直闪烁。但有时候会推上去黑屏。

预期结果：

ios版本26点击textarea键盘正常弹起，并且弹起不会黑屏现象

实际结果：

ios版本26点击textarea键盘正常弹起，并且弹起不会黑屏现象

bug描述：

ios版本26点击textarea键盘弹起一直闪烁。但有时候会推上去黑屏
page.json当前页面配置

"app-plus": {
    "softinputMode": "adjustResize"
}

1、我要实现的是当键盘弹起减去键盘高度将输入框提升到键盘上边避免遮挡输入框

附件：


更多关于uni-app ios版本26点击textarea键盘弹起一直闪烁 但有时候会推上去黑屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

如昨天沟通 https://ask.dcloud.net.cn/question/214123 重新编辑此问题，使用 bug 反馈模板，说明你的HBuilderX 版本、vue 版本、运行方式。
如果是 ios 端有问题，请使用空白工程添加 input 来进行测试，分类讨论看具体是什么问题。
目前已知 input+ css fixed 在 safari 上有兼容问题，是苹果的 bug https://developer.apple.com/forums/thread/800125

更多关于uni-app ios版本26点击textarea键盘弹起一直闪烁 但有时候会推上去黑屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个iOS 26系统与uni-app软键盘适配的兼容性问题。根据你的配置和现象，建议尝试以下解决方案：

  1. 修改softinputMode为"adjustPan"
"app-plus": {
    "softinputMode": "adjustPan"
}

这个模式在iOS上通常有更好的兼容性，会自动将页面整体上推避免键盘遮挡。

  1. 如果仍需使用adjustResize，可以尝试在页面中添加CSS修复：
page {
    height: 100vh;
    overflow: hidden;
}

  1. 检查页面布局是否存在绝对定位或固定定位元素，这些元素在键盘弹起时可能影响布局计算导致闪烁。

  2. 考虑在textarea聚焦时手动控制页面滚动：

onFocus() {
    setTimeout(() => {
        uni.pageScrollTo({
            scrollTop: 实际需要滚动的高度,
            duration: 300
        })
    }, 100)
}
回到顶部