From 023aa761157c7791052e7c3114675d2742e7aaf6 Mon Sep 17 00:00:00 2001
From: Jason Kiesling <jason@learnmyr.org>
Date: Sat, 6 Jul 2019 17:08:17 -0400
Subject: [PATCH] 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                         | 8 ++------
 package.json                      | 2 +-
 src/components/structural/View.js | 8 ++++++++
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 77da40e1..8f2bc31d 100644
--- a/README.md
+++ b/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.  
diff --git a/package.json b/package.json
index ec4ec64c..432d4135 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "myr",
-    "version": "1.4.0",
+    "version": "1.4.1",
     "private": false,
     "engines": {
         "node": "10.13.0"
diff --git a/src/components/structural/View.js b/src/components/structural/View.js
index 3d1f040f..a7fa9172 100644
--- a/src/components/structural/View.js
+++ b/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() {