Let popup reload when it is shown, after it was programatically closed, on Safari

safari/ext/popup.js

 (function()
 {
   // 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
   // make the popover show the right state and details we have to reload it
   // everytime it is shown for a different tab. Also we have to reload the
   // popover when the background page wasn't ready yet, since we have to access
   // the background page in the popover.
   var backgroundPage = safari.extension.globalPage.contentWindow;
-  var readyState = backgroundPage.document.readyState;
+  var valid = backgroundPage.document.readyState == "complete";
   var activeTab = safari.application.activeBrowserWindow.activeTab;
   var stopResizing = function() {};
 
   safari.self.addEventListener("popover", function()
   {
-    if (activeTab != safari.application.activeBrowserWindow.activeTab || readyState != "complete")
+    if (!valid || activeTab != safari.application.activeBrowserWindow.activeTab)
     {
       stopResizing();
       document.documentElement.style.display = "none";
       document.location.reload();
     }
   });
 
 
   // 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
@@ skipping 44 matching lines @@
 
 
   // import ext into the javascript context of the popover. This code might fail,
   // when the background page isn't ready yet. So it is important to put it below
   // the reloading code above.
   window.ext = {
     __proto__: backgroundPage.ext,
     closePopup: function()
     {
       safari.self.hide();
+      valid = false;
     }
   };
   window.TabMap = backgroundPage.TabMap;
 })();