Bug 509408: when getting notification asking to allow popup, it covers the url bar, r=stuart

mobile/chrome/content/browser.js

@@ -422,6 +422,14 @@ var Browser = {
     }
     window.addEventListener("fullscreen", fullscreenHandler, false);
 
+    function notificationHandler() {
+      // Let the view know that the layout might have changed
+      bv.onAfterVisibleMove();
+    }
+    let notifications = document.getElementById("notifications");
+    notifications.addEventListener("AlertActive", notificationHandler, false);
+    notifications.addEventListener("AlertClose", notificationHandler, false);
+
     // initialize input handling
     ih = new InputHandler(container);
 

mobile/chrome/content/browser.xul

@@ -232,6 +232,8 @@
           </toolbar>
         </box>
 
+        <notificationbox id="notifications"/>
+
         <!-- Content viewport -->
 	<box>
 	  <html:div id="tile-container" style="width: 800px; height: 480px; overflow: hidden;"
@@ -256,9 +258,6 @@
   </scrollbox>
 
   <box id="stack-toolbar-container" hidden="true" top="0" left="0"/>
-
-    <notificationbox id="notifications" top="0" left="0"/>
-
     <!-- popup for find toolbar -->
     <hbox id="findbar-container" hidden="true" top="0" left="0">
       <findbar id="findbar" flex="1"/>

mobile/chrome/content/notification.xml

@@ -53,9 +53,14 @@
               document.removeEventListener("TabClose", this, true);
               document.removeEventListener("TabSelect", this, true);
               control.removeNotification(this);
-            }
-            else
+            } else {
               this.hidden = true;
+            }
+            
+            // Fire an event when closing a notification
+            let event = document.createEvent("Events");
+            event.initEvent("AlertClose", true, true);
+            this.dispatchEvent(event);
           ]]>
         </body>
       </method>
@@ -79,7 +84,7 @@
             }
           ]]>
         </body>
-      </method>
+      </method>      
     </implementation>
   </binding>