Google Forms Apps脚本侧栏w/iFrame缺少16px

我正在为谷歌表单开发一个插件。无法打开到其全部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)
}

index.html文件：

<div>
 Hello World!
</div>

你好，世界！

---

我想去掉右边丑陋的边距，我认为这是由嵌套的iframe造成的

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

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

身体{
保证金：0；
}

我在编写一个附加组件时遇到了同样的问题。这闻起来很像铬臭虫。我在Chrome问题跟踪器上找不到它，但我在Canary（42.0.2289.0）中测试了它，它工作正常

所以我假设这在接下来的一两个Chrome版本中是固定的。在那之前我不会担心的

如@bryan-p所述，您仍然需要：

body {
    margin: 0;
}

---

但这与这个bug无关。

这似乎是Mac和Chrome的问题。请在此处查看google应用程序脚本问题跟踪器：

我没有看到

.setWidth（300）方法？谢谢你的帮助。我的理解是边栏默认为300像素，所以设置宽度是没有必要的。然而，当我将setWidth（300）方法添加到上面的代码中时，我看到了相同的输出-一个宽度为284px的嵌套iframe。我在编写一个附加组件时遇到了同样的问题。我希望这个问题得到解决！谢谢你的回复。添加样式建议后，当我检查body元素时，我看到：border:0；显示：块；身高：100%；保证金：0；填充：0；宽度100%。但是，我仍然可以看到16px的边界。看起来有一系列带有主体元素的嵌套iFrame。我必须下四级iFrame才能看到宽度为284px的正文。你能用附加组件共享一个指向文档副本的链接吗？谢谢：你指的是侧边栏标题部分中的“侧边栏太窄”文本吗？这是我看到的唯一有填充物的部分。我不知道为什么会有3个iFrame，我通常只看到2个，但是它们里面的主体和div在我这边都有300宽。不，对我来说，这是iFrame/主体部分，而不是头部。谢谢你的检查。我在Safari中尝试了我的代码，看起来不错。所以我认为你是对的，这可能是一个Chrome问题。谢谢你的帮助。