Google 带有 iFrame 的 Forms Apps 脚本边栏缺失 16px

Question

我正在为 Google 表单开发一个插件。 sidebar 不会打开到其完整的 300 像素宽度。相反，我的侧边栏正文仅包含 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 引起的。

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 的问题。请在此处查看 google-apps-script-issues 跟踪器：https://code.google.com/p/google-apps-script-issues/issues/detail?id=4733&thanks=4733&ts=1422283697#makechanges

Google 带有 iFrame 的 Forms Apps 脚本边栏缺失 16px

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

iframe

google-apps-script