Flex iFrame stealing focus!

If you're using Christopher Conraet's and Brian Deitte's Iframe component for Flex and you try to change the URL in it to a page with a form, you've probably run into the "stolen focus" issue. In IE, the focus is completely gone from Flex, and will not return! After a lot of frustration, I finally figured out a solution that's really easy. First add this Javascript to your index.template.html.

<script type="text/javascript">
 function SetFocus(){

  window.focus();
  document.getElementById('${application}').focus();
 }
</script>

The first line of code puts the focus back in the parent window (as opposed to the iFrame window) and the second one puts the focus directly on the Flex application. But wait! There's more! We have to call this function right? Simple! Just modify iFrame.as on line 143 in the static var FUNCTION_LOADIFRAME.

 onLoad='SetFocus();'

And that's it! Now your iframe won't steal your focus when you change the URL!

• Add new comment

• Uncategorized