Fixed Auto-Complete with Auto-Submit Textboxes Don't Send Proper AJAX-Submit

[Jaxel]

Affected version

2.3.0

If you have an auto-complete textbox with auto-submit, within an ajax-submit form, ajax-submit will not be processed when clicking on an auto-complete entry.

Issue is explained here:

XF 2.3 Thread 'Usernames AC AutoSubmit Behavior Oddities'

Jul 15, 2024

I have a form field, with a username search field. This field has an AC autosubmit function:

<xf:form action="{{ link('ewr-medio/add-user', $media) }}" class="block" ajax="true" data-xf-init="medio-taguser">
    <div class="block-container">
        <h3 class="block-minorHeader">{{ phrase('EWRmedio_add_user') }}</h3>
        <div class="block-body block-row">
            <xf:textbox name="usernames" ac="single" id="media-adduser" data-autosubmit="true" />
        </div>
    </div>
</xf:form>

I then prevent the default function on this field to stop the page reload and simply reload a...

• Jaxel
• Replies: 14
• Forum: XenForo development discussions

Fix is below: In js\xf\core_handlers.js line 2212:

			if (this.options.autosubmit)
			{
				this.target.closest('form').submit()
			}

This should actually be:

			if (this.options.autosubmit)
			{
				XF.trigger(this.target.closest('form'), 'submit');
			}

 

[XF Bug Bot]

Thank you for reporting this issue, it has now been resolved. We are aiming to include any changes that have been made in a future XF release (2.3.1).

Change log:

Fix event handling on auto-complete autosubmission

There may be a delay before changes are rolled out to the XenForo Community.