Clicked to background overlay dismiss

Author: Brian Vaughn

Diff for: packages/react-error-overlay/src/components/overlay.js

@@ -32,6 +32,11 @@ function createOverlay(
   const frameSettings: FrameSetting[] = frames.map(() => ({ compiled: false }));
   // Create overlay
   const overlay = document.createElement('div');
+  overlay.addEventListener('click', function(event: Event) {
+    // Clicks to background layer dismiss the popup
+    // Prevent clicks within the panel from accidentally dismissing
+    event.stopPropagation();
+  });
   applyStyles(overlay, overlayStyle);
   overlay.appendChild(createClose(document, closeCallback));
 

Diff for: packages/react-error-overlay/src/overlay.js

@@ -79,8 +79,10 @@ function render(name: ?string, message: string, resolvedFrames: StackFrame[]) {
       };
     }
     if (document.body != null) {
-      document.body.style.margin = 0;
+      document.body.style.margin = '0';
       document.body.appendChild(overlay);
+      // Clicks to background overlay should dismiss error popup
+      (document.body: any).addEventListener('click', unmount);
     }
     additionalReference = additional;
   };