AJAX data source "the results could not be loaded" error

[MichaelMackus]

Prerequisites

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate
• The issue still exists against the latest master branch of Select2
• This is not a usage question (Those should be directed to the community)
• I have attempted to find the simplest possible steos to reproduce the issue
• I have included a failing test as a pull request (Optional)

Steps to reproduce the issue

1. Navigate to: https://select2.github.io/examples.html#data-ajax
2. Input text
3. Before the ajax results are loaded, input more text

Expected behavior and actual behavior

When I follow those steps, I see...

"The results could not be loaded." is displayed (then, after a while, the results are populated)

I was expecting...

"Searching.." displayed as more text is inputted

Environment

Browsers

• Google Chrome
• Mozilla Firefox
• Internet Explorer

Operating System

• Windows
• Mac OS X
• Linux
• Mobile

Libraries

• jQuery version: v1.11.2
• Select2 version: master (v4.0.2#master)

Isolating the problem

• This bug happens on the examples page
• The bug happens consistently across all tested browsers
• This bug happens when using Select2 without other pluigns
• I can reproduce this bug in a jsbin

[arirangz]

+1

[stephpy]

Tested on macos x, same issue. fixed by #4356.

[rajdeep26]

What's the temporary solution till this bug is fixed?

[vlad-datacat]

A workable cover up for people that cant edit the source code due to loaded by bower / dependencies etc, but just want to hide the ugly message:

...).select2({ language: { errorLoading:function(){ return "Searching..." } },

[JefMari]

@vladkazantsev 's approach works for me :)

[bpromasmb]

@vladkazantsev doesn't work if you've already set an alternate language. Also it doesn't display the message correctly if there is an actual error to the search.

If you're loading an alternate language file you could go into the file and change the errorLoading text, which would then affect every Select2 in your application, or you could generate a new language file with the changed errorLoading text to use just on the selects that have ajax search.

[bpromasmb]

One solution is to roll back to v.4.0.1 which does not have this issue as far as I can tell.

[Braunson]

@vladkazantsev approach works IF you don't have an alt language set, additionally if you DO have an error, it just sits there showing 'Searching...'.

Ideally until this is resolved @bpromasmb's suggestion of downgrading to 4.0.1 resolves this.

This has has been an issue for a year a working solution , can we have it merged please 🍒 ?

[raratiru]

+1

[alexweissman]

Please refrain from "+1" comments. Simply click 👍 to show your interest in an issue.

[KuenzelIT]

I have the same problem. Is there a solution now? Can it be merged? Thank you!

[alexweissman]

Have you updated to 4.0.6-rc.0? It should be fixed since #4356 was merged.

[KuenzelIT]

Hey,
I took version 4.0.4 as it is linked one the official installation page:
https://select2.org/getting-started/installation

I'll try the new version, thanks for the hint!

[alexweissman]

Ah ok, I will update the docs.