Question

演示

Google Apps Script web application

环境

Samsung Galaxy Tab A
Google Apps脚本网络应用
Chrome 60.0.3112.116
Android 7.0.0
设备SM-P585Y Build / NRD90M

重现步骤

点击＆＃34; Pen＆＃34;您的手写笔在上面的平板电脑型号上的菜单图标和应用程序将崩溃（谷歌Chrome浏览器＆＃34; Aw，Snap！＆＃34;消息）。

错误说明

我认为这个bug与jQuery UI自动完成有关，如果我用手指向上和向下滚动结果，没有问题，但只要我在结果上使用手写笔就崩溃了。我删除了那个库，但bug仍然存在。此外，我现在可以通过单击带手写笔的菜单链接来重现它。

我尝试过的事情

我用另一个自动完成替换了jQuery UI，但bug仍然存在。

我构建了一个新版本的应用程序，希望通过更轻的编码来解决崩溃问题。我使用了UIkit（getuikit.com）CSS框架（之前没有使用过）并再次遇到错误 - 这次是单击一个菜单项。

如果我用手指，应用程序不会崩溃 - 只有当我使用手写笔时。

如果我在codepen（full screen view | editor view）中重现代码，则在使用手写笔点击菜单项时应用程序不会崩溃。

因此，它似乎是手写笔和谷歌应用程序脚本环境的组合。

我已将Web应用程序剥离到仅包含以下内容的Code.gs文件：

function doGet() {
return HtmlService.createTemplateFromFile('index').evaluate().setTitle("DUPLICATE FOR REPRODUCING BUGS");
}

function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}

和

index.html（包含非常少的HTML，请参阅codepen或更低版本）
jQuery 3.2.1缩小
UIKit js和css文件

当我点击手写笔的菜单链接时，应用程序仍然崩溃。

修改：

根据要求，来自网络应用程序的index.html位于下方 - 但我认为它可能不相关，因为错误在完全重写HTML时仍然存在：

<!DOCTYPE html>
<html>

<head>
    <title>DUPLICATE FOR REPRODUCING BUGS</title>
    <?!= include('css_custom_common'); ?>
</head>

<body>
    <div class="uk-flex uk-height-viewport mini_site_container">
        <div id="site_overlay" class="uk-overlay-primary uk-position-cover" style="
    z-index: 2; display: none; background: rgba(16, 30, 100, 0.8) !important;
"></div>
        <div class="uk-width-auto">
            <div class="uk-background-primary uk-height-1-1">
                <ul class="uk-iconnav uk-iconnav-vertical uk-margin-remove-top">
                    <li title="Test" uk-tooltip="pos: right" class="iconnav-item-color iconnav-item-hover-color uk-padding-remove-vertical">
                        <a data-content-name="test" class="uk-padding-small" href="#" uk-icon="icon: pencil; ratio: 1.3"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="uk-width-expand">
            <div class="uk-background-default uk-height-1-1 my_right_content_area uk-inline uk-width-1-1">
                <img class="uk-logo uk-position-top-right" src="" alt="">
                <p class="page_heading"></p>
                <div class="my_dynamic_content uk-padding-small">
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.28/js/uikit.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.28/js/uikit-icons.min.js"></script>
</body>

</html>

在Android 7.0.0中单击带有手写笔的链接时，Google Apps脚本会崩溃

0 个答案: