How do I prevent Drupal from focusing on element that trigger ajax submit?

Question

When ever I submit a form using ajax, the element that triggered the submit gets focus. I don't want this behavior if I'm using infinite scroll and I want to keep the user at the bottom of the page. How do I fix this?

Focus returns to this element:

     $form['submit'] = [
        '#type' => 'submit',
        '#value' => $this->t('Search'),
        '#attributes' => [
            'class' => [
                'btn',
                'btn-md',
                'btn-primary',
                'use-ajax-submit'
            ]
        ],
        '#ajax' => [
            'wrapper' => $wrapper,
        ]
    ];

score 10 · Answer 1 · answered Jan 21 '17 at 08:34

To solve this problem I added the following changes:

    $form['submit'] = [
        '#type' => 'submit',
        '#value' => $this->t('Search'),
        '#attributes' => [
            'class' => [
                'btn',
                'btn-md',
                'btn-primary',
                'use-ajax-submit'
            ]
        ],
        '#ajax' => [
            'wrapper' => $wrapper,
            'disable-refocus' => true
        ]
    ];

The disable-refocus flag prevents the automatic refocus.

See: Focus state bug on text field AJAX calls

How do I prevent Drupal from focusing on element that trigger ajax submit?

1 Answers1