fixing a race condition where document body is null

2 files changed, 9 insertions, 2 deletions

diff --git a/recipes/basecamp/package.json b/recipes/basecamp/package.json
index 7499ca6..c12a22b 100644
--- a/recipes/basecamp/package.json
+++ b/recipes/basecamp/package.json
@@ -1,7 +1,7 @@
 {
   "id": "basecamp",
   "name": "basecamp",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Basecamp plugin for ferdi.",
   "main": "index.js",
   "author": "",
diff --git a/recipes/basecamp/webview.js b/recipes/basecamp/webview.js
index 2158d0b..80cb8de 100644
--- a/recipes/basecamp/webview.js
+++ b/recipes/basecamp/webview.js
@@ -4,6 +4,13 @@ module.exports = (Franz, options) => {
   let updates = 0;
   const modal = document.createElement('div');
 
+  const waitFor = (condition, callback) => {
+    if (!condition()) {
+      window.setTimeout(waitFor.bind(null, condition, callback), 100);
+    } else {
+      callback();
+    }
+  };
   function showModal (text) {
     show(modal);
     modal.querySelector('p').innerHTML = text;
@@ -47,7 +54,7 @@ module.exports = (Franz, options) => {
   modal.id = 'franz-modal';
   modal.innerHTML = '<div class="modal-content"><span class="close">&times;</span><p></p></div>';
   modal.querySelector('.close').addEventListener('click', hideModal);
-  document.body.appendChild(modal);
+  waitFor(() => document.body, () => document.body.appendChild(modal));
 
   document.addEventListener('keydown', function(e) { if (e.keyCode === 27) { hideModal(); } })