FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 5262|回复: 2
打印 上一主题 下一主题

【已确认】输入法档了输入框

[复制链接]
跳转到指定楼层
楼主
发表于 2017-7-31 10:18:47 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

FineUI又弹回来了
这个移动版的Bug你们能不能抽时间看下
function androidInputBugFix(){
        // .container 设置了 overflow 属性, 导致 Android 手机下输入框获取焦点时, 输入法挡住输入框的 bug
        // 相关 issue: https://github.com/weui/weui/issues/15
        // 解决方法:
        // 0. .container 去掉 overflow 属性, 但此 demo 下会引发别的问题
        // 1. 参考 http://stackoverflow.com/questio ... if-not-body-element
        //    Android 手机下, input 或 textarea 元素聚焦时, 主动滚一把
        if (/Android/gi.test(navigator.userAgent)) {
            window.addEventListener('resize', function () {
                if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
                    window.setTimeout(function () {
                        document.activeElement.scrollIntoViewIfNeeded();
                    }, 0);
                }
            })
        }
        }
        F.ready(function () {
            androidInputBugFix();
        });

我这样设备了  还是会回弹回来

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
板凳
发表于 2017-8-2 15:27:07 | 只看该作者
已确认,这是个BUG,只在 Android 浏览器上出现,下个版本会修正。

-修正Android浏览器中,弹出的软键盘可能会覆盖输入框的问题(老邱-21197)。


你因此获取【代码贡献】勋章。

------------------------------------------------
这个问题的根源不是容器的 overflow:hidden 导致的,而是弹出软键盘时,在Android下会触发window的resize事件,导致页面重新布局(而iOS下不会触发resize事件)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-22 04:10 , Processed in 0.045971 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表