Form control shortcuts don't work on module properties

<form class="update-form" action=''>
    <fieldset>
        <h3>
            Contact Information
        </h3>

        <div>
            <label for="field-name-first">First Name</label>
            <input type="text" name="name.first" id="field-name-first">
            <label for="field-name-last">Last Name</label>
            <input type="text" name="name.last" id="field-name-last">
        </div>
    </fieldset>
</form>

def setup(){
    baseUrl = "file://local/path/to/test/resources/" //change to point at local location of resources test/resources folder
    to FormPage
}

def 'form control shortcuts work when called on $() selector'() {
    when:
        $("form.update-form").'name.first' = 'foo'

    then:
        $("form.update-form").'name.first' == 'foo'
}


def 'explicit input value() operations work when called on module property'() {
    when:
        updateForm.firstName.value('foo')

    then:
        updateForm.firstName.value() == 'foo'

}

def 'read form control shortcuts work when called on module property'() {
    when:
        updateForm.firstName.value('foo')

    then:
        updateForm.firstName == 'foo'
}

def 'write form control shortcuts work when called on module property'() {
    when:
        updateForm.firstName = 'foo'

    then:
        updateForm.firstName.value() == 'foo'
}

class FormPage extends Page{
    static url = 'form.html'

    static content = {
        updateForm(required: false) { module UpdateForm }
    }
}

class UpdateForm extends Module{
    static base = {$("form.update-form")}

    static content = {
        firstName {$('input', name: 'name.first')}
        lastName {'name.last'()}
    }
}