如何修复 LightSwitch HTML 应用程序变得不可滚动（在移动设备上更频繁）

Question

这是调试的噩梦，因为它几乎总是只发生在本地 android 设备上，不可能检查 DOM（或者有办法吗？）。

基本上，一旦触发此错误，在完成完全刷新之前，应用程序中将无法再滚动。

注意：LightSwitch 不支持 1.3.2 以上的 jq-mobile

Answer 1

这个问题在桌面上很少发生。但由于它最终成功了，所以我能够通过 DOM 来查看发生了什么。一旦我知道问题出在哪里，很快就在 LightSwitch 使用的 jq-mobile-1.3.2 中找到了一个记录在案的错误：https://github.com/jquery/jquery-mobile/issues/6515

根本原因：有时当 LightSwitch 刷新数据时，屏幕会卡在转换模式（jq 移动功能），并且转换 CSS class 有一个 overflow:hidden 属性设置.

上面的link描述了如何修改jquery-mobile使transition state更健壮，但是为了LightSwitch的目的，只需将下面的CSS添加到user-customization.css

.ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning .ui-page {
    overflow: auto !important;
}