I use this code to overcome this (coffee)

gbToggleFormLoadingState = ($form)->
        #toggle loading state for form and submit button
        $form.toggleClass('loading')
        .find('button.submit').toggleClass('loading')
        #define which elements may be tabbable
        $elements = $form.find('div, input, textarea, checkbox, a, button')
        # record and disable tabindexes #
        if $form.hasClass('loading')
            $elements.each ->
                #if element is tabbable
                if $(this).attr('tabindex')?
                    $(this)
                    #save tabindex
                    .data({defaultTabindex: $(this).attr('tabindex')})
                    #set tabindex=-1
                    .attr('tabindex', -1)
                #blur an el if it has focus
                if $(this).is(':focus') then $(this).blur()
        # restore tabindexes #
        else
            $elements.each ->
                #if element has a record of tabindex
                if $(this).data('defaultTabindex')?
                    #restore tabindex
                    $(this).attr('tabindex', $(this).data('defaultTabindex'))

[Form] - .loading.form doesn't prevent selecting controls by tabbing #3664

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions