mouse/keyboard focus problem

In my app I have a UI loaded in index.html. My Verge3D app is loaded into this via iframe. Is this the right way to do it so I can use keyboard navigation to move the camera and be able to use my html UI? At the moment whenever I click on a ui element keyboard navigation stops working.

in my app.js…

  function prepareExternalInterface(app) {
    app.ExternalInterface.reFocus = function() {
      document.getElementById('i3d').focus();
      console.log('Firing reFocus');
    }
  }

And in several puzzles, like enter/exit fullscreen, I’m calling my reFocus function in an attempt to restore focus for keyboard navigation.

…of course, if somebody has a decent FPS setup, I’m all ears!