android - 关闭键盘后在错误的位置重新绘制 View - Cordova/PhoneGap - Android

Question

我有一个 Cordova 应用程序(使用 angularjs 框架)，这是我的观点:

当我聚焦一个需要 View 向上移动以在(屏幕上)键盘显示时保持输入可见的输入时，如下所示:

当我将焦点从输入更改到其他地方(模糊)时，键盘关闭(就像它应该的那样)但在错误的位置重新绘制 View :

当我用 Chrome 检查时，它显示所有元素在它们应该在的位置，而不是它们在显示器上的位置:

我完全不知道是什么导致了这个错误，我尝试在 onDraw 方法中重绘 View ，因此无限重绘 View 以查看是否可以修复它但无济于事。有任何想法吗？

额外的细节
Cordova 版本:3.5.0-0.2.4
设备:Nexus 10 - Android 4.4.4

Answer 1

我找到了一个修复/hack，虽然不是很好，但总比没有好。

通过隐藏 html 标签然后重新显示它可以正确重绘 View 。

 fixAndroidKitkatDisplayBug: function () {
        $(document).on('blur', 'input', function () {
            var htmlTags = document.getElementsByTagName('html');
            var html = htmlTags[0];
            html.style.display = 'none';
            html.offsetHeight; // no need to store this anywhere, the reference is enough
            html.style.display = 'block';
        });
    }

然后在 index.js 中，在“onDeviceReady”之后我这样调用这个方法

setTimeout(function (){
    if (typeof(device) != 'undefined' && device.platform && device.platform == "Android" && device.version && parseFloat(device.version) == 4.4) {
       fixAndroidKitkatDisplayBug();
    }
}, 100);

(对我来说，我需要 setTimeout 才能定义设备)