Adjust the size of the bubble to the size of its content in Safari

safari/ext/popup.js

 with (safari.extension.globalPage.contentWindow)
 {
   this.ext = ext;
   this.TabMap = TabMap;
 }
 
 // Safari will load the popover once, and then show it everytime the icon is
 // clicked. While Chrome loads it everytime you click the icon. So in order to
 // force the same behavior in Safari, we are going to reload the page of the
 // bubble everytime it is shown.
 safari.application.addEventListener("popover", function()
 {
   document.documentElement.style.display = "none";
   document.location.reload();
 }, true);
 
 // Safari doesn't hide popovers automatically, when we change the active tab
 // programmatically, like when the options link is clicked. So we add an event
 // listener to do so.
 safari.application.addEventListener("activate", function()
 {
   safari.self.hide();
 }, true);
+
+// Safari doesn't adjust the size of the popover automatically to the size of
+// its content, like when the ad counter is expanded/collapsed. So we add an
+// event listener to do so.
+document.addEventListener("DOMSubtreeModified", function()
+{
+  safari.self.width = document.body.offsetWidth;
+  safari.self.height = document.body.offsetHeight;

[Wladimir Palant, 2014/01/15 15:47:13]

What about document.documentElement.offsetWidth/Height, doesn't it have the
right value? IMHO that should be used here.

[Sebastian Noack, 2014/01/15 17:21:52]

No, it doesn't has the right value (sometimes?). Don't know whether we have the
wrong expectations or whether it is a Safari bug. But document.body works fine.

+});