Google Forms Apps Script Sidebar w/ iFrame is missing 16px

Question

我正在为Google Forms开发一个附加组件。侧边栏无法打开其完整的 300px 宽度。相反，我的侧边栏的正文仅包含 284px，这会在侧边栏的右侧创建一个丑陋的边距。我已经能够使用以下代码复制此问题：

Code.gs 文件：

function onInstall() {
  onOpen();
}
function onOpen() {
  var ui = FormApp.getUi();
  var menu = ui.createMenu('Open Sidebar').addItem('Open', 'openDialog')
  menu.addToUi();
}
function openDialog() {
  var html = HtmlService.createTemplateFromFile('index').evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME).setTitle('Sidebar too Narrow');
  FormApp.getUi().showSidebar(html)
}

索引.html文件：

<div>
 Hello World!
</div>

我想摆脱右侧丑陋的边距，我认为这是由嵌套的 iframe 引起的。

Answer 1

如果您使用 Chrome 开发工具检查应用，则会看到需要调整的元素样式...

<style>
body {
  margin: 0;
}
</style>

Answer 2

我在我正在编写的附加组件中遇到了同样的问题。对我来说，这闻起来很像Chrome错误。我在Chrome问题跟踪器上找不到它，但是我在Canary（42.0.2289.0）中对其进行了测试，它的工作方式正常。

所以我假设这在下一个或两个版本的 Chrome 中得到了修复。在那之前，我只是不会担心它。

就像@bryan-p提到的，你仍然需要：

body {
    margin: 0;
}

但这与此错误无关。

Answer 3

这似乎是Mac和Chrome的问题。请在此处查看谷歌应用脚本问题跟踪器：https://code.google.com/p/google-apps-script-issues/issues/detail?id=4733&thanks=4733&ts=1422283697#makechanges