1.4.1 | Editor won't overlay on iPhones (#316)

* Fixed issue where editor overlays view for iPhones (#315)

* 1.4.1 version number

* 1.4.1 change log

README.md

@@ -9,12 +9,8 @@ The Engaging Computing Group develops new technologies to enable learners—yout
 ## Status
 [![CircleCI](https://circleci.com/gh/engaging-computing/MYR.svg?style=shield)](https://circleci.com/gh/engaging-computing/MYR)
 
-## Change Log - 1.3.0 -> 1.4.0
-- Update viewer camera to not give errors in console
-- `getRandomColor()` can take an array and choose a random color from the array.
-- Reference page doesn't have uncaught error from no editor.
-- Reference page tab titles hide on small screens.
-- Nested groups are supported.
+## Change Log - 1.4.0 -> 1.4.1
+- Editor won't overlay VR mode on iPhones
 
 ## Acknowledgments
 MYR uses [Aframe](https://aframe.io), a fantastic open source project, to render objects and effects in the three dimensional space.  

package.json

@@ -1,6 +1,6 @@
 {
     "name": "myr",
-    "version": "1.4.0",
+    "version": "1.4.1",
     "private": false,
     "engines": {
         "node": "10.13.0"

src/components/structural/View.js

@@ -35,6 +35,14 @@ class View extends Component {
                 e.preventDefault();
             }
         }, false);
+
+        window.addEventListener("enter-vr", () => {
+            document.getElementById("interface").style.visibility = "hidden";
+        });
+
+        window.addEventListener("exit-vr", () => {
+            document.getElementById("interface").style.visibility = "visible";
+        });
     }
     // This fires off an event when the system is fully rendered.
     componentDidUpdate() {