Firefox 扩展弹出窗口不会调整大小

Firefox extension popup won't resize

我正在努力将扩展从 Chrome 移植到 Firefox。弹出窗口有几个可以显示的不同大小的元素。我 运行 遇到的问题是当元素更改或 body 调整大小时显示弹出窗口的 'window' 不会调整大小。

这个问题在 chrome 中似乎不存在,有谁知道我做错了什么或者这是 Firefox 中的错误?我在下面包含了更改正文大小的代码,这在 chrome 中有效,但在 Firefox 中似乎无效。

$('body').ready(function(){
  $('body').animate({
    'width':500,
    'height':500
  },500); 
});

我也用 $('body').css() 尝试过这个,以防 animate() 是问题所在,但都不起作用。

此外,如果我向 body 添加背景并缩小它,那么可以看到背景的大小发生变化,而包含 window 的大小没有发生变化。

编辑: 添加更多信息以澄清问题

该扩展是一个 WebExtension 插件(https://developer.mozilla.org/en-US/Add-ons/WebExtensions

manifest.json

{
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "popup.htm"
  },
  "description": "Example extension",
  "icons": {
    "128": "example.png"
  },
  "name": "Example Extension",
  "version": "1",
  "applications":{
    "gecko":{
      "id":"example@example.com"
    }
  }
}

popup.htm

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type=text/javascript src="js/jquery.js"></script>
    <script type=text/javascript src="js/popup.js"></script>
</head>
<style>
body{
  width:200px;
  height:200px;

  border:1px solid black;
}
</style>
<body>
  <button id=reset type=button>200x200px</button>
  <button id=shrink type=button>100x100px</button>
</body>
</html>

js/popup.js

$('body').ready(function (){
  $('#reset').bind('click',function(){
    $('body').css({
      width:200,
      height:200
    });
  });
  $('#shrink').bind('click',function(){
    $('body').css({
      width:100,
      height:100
    });
  });
});

加载上述扩展程序后,弹出窗口会正确显示其初始大小 (200x200)。但是,当调整正文大小时,弹出窗口的大小不会更新。此相同的扩展在 Chrome.

内按预期工作(弹出调整大小)

看起来这实际上是 Firefox 中的错误,正在解决

https://bugzilla.mozilla.org/show_bug.cgi?id=1215025