title: AFrame Physics Camera falls through ground
body: <p>So im using the aframe-physics-system and aframe-extras so that I can stop the camera from going through objects. This works fine. The only problem is whenever I open the Inspector and close it or when I enter the VR mode on my mobile phone, the camera falls through the ground. How do I prevent this?</p>
  <p>My code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  
    &lt;title&gt;Test&lt;/title&gt;
  
    &lt;script src="https://aframe.io/releases/1.1.0/aframe.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v5.0.0/dist/aframe-extras.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.jsdelivr.net/gh/n5ro/aframe-physics-system@v4.0.1/dist/aframe-physics-system.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;a-scene physics="debug: true;"&gt;
      &lt;a-assets timeout="180000"&gt;
        &lt;a-mixin id="bbox" color="tomato" material="color: tomato; opacity: 0.7"&gt;&lt;/a-mixin&gt;
  
      &lt;/a-assets&gt;
  
      &lt;a-entity kinematic-body="radius: 0.2;" movement-controls="speed: 0.2;" position="1 19.5 6" look-controls&gt;
        &lt;a-entity camera position="0 0.9 0"&gt;&lt;/a-entity&gt;
      &lt;/a-entity&gt;
  
  
      &lt;a-plane static-body rotation="-90 0 0" width="34" height="34" depth="5" mixin="bbox" rotate position="0 18.5 0"&gt;&lt;/a-plane&gt;
      &lt;a-sky color="#fff"&gt;&lt;/a-sky&gt;
    &lt;/a-scene&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>