title: Does A-Frame/Google Chrome have proper link traversal in 2019?
body: <p>Earliest information I could find on this was from 2017.</p>
  
  <p>I have multiple pages linked in A-Frame but whenever the user goes to the next page it kicks them out of VR Mode. Is link traversal supported well in 2019 or am I missing something? Is it possible for the user to go from page to page in VR without being kicked out?</p>
  
  <p>Any help is greatly appreciated.</p>
  
  <pre><code>    &lt;a-scene&gt;
      &lt;a-assets&gt;
          &lt;img id="box" src="img/white.jpg"&gt;
          &lt;img id="stroke" src="img/stroke.png"&gt;
          &lt;img id="cityhall" src="img/cityhall.jpg"&gt;
           &lt;img id="clock" src="img/clock.jpg"&gt;
          &lt;img id="titanic" src="img/titanic.jpg"&gt;
          &lt;img id="logo" src="img/logo.png"&gt;
          &lt;img id="shadow2" src="img/radial-shadow-2.png"&gt;
          &lt;img id="background" src="img/360background.jpg"&gt;
      &lt;/a-assets&gt;
  </code></pre>
  
    
  
  <p></p>
  
  <p></p>
  
  <p></p>
  
           
  
  <p></p>
  
  <p></p>
  
  <p></p>
  
       
  
  <p></p>
  
  <pre><code>    &lt;a-image radius="5.7" position="0 -5 0" src="#shadow2" rotation="-90 0 0" scale="6 6 6"&gt;&lt;/a-image&gt;
  
      &lt;!-- CURSOR ENTITY --&gt;
      &lt;a-entity rotation="-10 0 0" position="0 0 0"&gt;
          &lt;a-entity id="camera" camera look-controls rotation="0 0 0" wasd-controls&gt;
              &lt;!-- MAIN CURSOR --&gt;
              &lt;a-entity cursor="fuse: true; maxDistance: 500; timeout: 3000;" id="cursor-main" position="0 0 -2" geometry="primitive: ring; radiusOuter: 0.04; radiusInner: 0.03; thetaLength: 360; thetaStart: 90;" material="color: #439DC2;"&gt;
                  &lt;a-animation begin="cursor-fusing" attribute="geometry.thetaLength" fill="forwards" from="360" to="0" easing="ease-in"&gt;&lt;/a-animation&gt;
                  &lt;a-animation begin="mouseleave" attribute="geometry.thetaLength" fill="backwards" from="0" to="360" dur="0"&gt;&lt;/a-animation&gt;
              &lt;/a-entity&gt;
              &lt;a-entity id="cursor-loader" position="0 0 -2.0001" geometry="primitive: ring; radiusOuter: 0.04; radiusInner: 0.03;" material="color: #2ADD2A;"&gt;
              &lt;/a-entity&gt;
          &lt;/a-entity&gt;
      &lt;/a-entity&gt;
  
      &lt;a-sky src="#background"&gt;&lt;/a-sky&gt;
  
  &lt;/a-scene&gt;
  </code></pre>