Attach-focus does not work in aurelia dialog

Question

I have the following:

<ai-dialog> <ai-dialog-header style="display:flex;justify-content:space-between"> <span>New Person</span> <i class="fa fa-close" style="cursor:pointer" click.delegate="controller.cancel()"></i> </ai-dialog-header> <ai-dialog-body> <div style="display:flex;flex-grow: 1"> <div class="field"> <div class="field-title">First Name</div> <div class="field-value"> <input style="flex-grow:1" type="text" attach-focus="true" value.bind="criteria.firstName & validate" /> </div> </div> .... </div> </ai-dialog-body> <ai-dialog-footer> ... </ai-dialog-footer> 

When the dialog box appears, I expect that the name input field will have focus, but nothing will be focused - I need to manually click in the field to set the focus.

Any thoughts?