Ajax and Enter #6398

Activity

1. sridharkalaibala commented on Sep 13, 2026

   

   sridharkalaibala

   on Sep 13, 2026

   More actions

   Enter can create a tag when an AJAX request succeeds with an empty result list. I tested this minimal setup in Chromium with the current Select2 bundle:

   <select id="tags" multiple></select>

   $('#tags').select2({
     tags: true,
     ajax: {
       url: '/search',
       dataType: 'json'
     }
   });

   For a search with no matches, /search returns HTTP 200 with:

   {"results":[]}

   Typing new-label then pressing Enter selected a newly created option with value new-label in the test; no tokenSeparators were configured.

   A successful search with zero matches is different from a failed HTTP request or an invalid response shape. If your endpoint uses another shape, processResults needs to return an object with a results array. A custom createTag callback can also suppress the proposed tag by returning null.

   Could you share your Select2 initialization and the Network-panel status/JSON response for a search with no matches? This would help distinguish a response/configuration issue from a keyboard bug. The test above creates the selected option in the browser; saving that new label to your database is a separate application step.