FineUI 官方论坛

标题: 【已确认】输入法档了输入框 [打印本页]

作者: 老邱 时间: 2017-7-31 10:18
标题: 【已确认】输入法档了输入框
[attach]10411[/attach]
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();
      });

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

作者: sanshi 时间: 2017-8-1 18:54
关注中......

作者: sanshi 时间: 2017-8-2 15:27
已确认，这是个BUG，只在 Android 浏览器上出现，下个版本会修正。

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

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

------------------------------------------------
这个问题的根源不是容器的 overflow:hidden 导致的，而是弹出软键盘时，在Android下会触发window的resize事件，导致页面重新布局（而iOS下不会触发resize事件）。

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/bbs/)