Algolia zum automatischen Vervollständigung Ausgabe

Question

Ich habe folgenden Suchcode:

 autocomplete('#search-input', {hint: false, autoselect: true}, [ 
     { 
      source: autocomplete.sources.hits(contacts, { hitsPerPage: 3 }), 
      displayKey: 'CustomerName', 
      templates: { 
       header: '<div class="leftMargin5"><b>Contacts</b></div>', 
       suggestion: function(hit) { 
        return templateContact.render(hit); 
       } 
      } 
     }, 
     { 
      source: autocomplete.sources.hits(products, { hitsPerPage: 5 }), 
      displayKey: 'ProductDescription', 
      templates: { 
       header: '<div class="leftMargin5"><b><Products</b></div>', 
       suggestion: function(hit) { 
        return templateProduct.render(hit); 
       } 
      } 
     } 

    ]).on('autocomplete:selected', function (event, suggestion, dataset) { 
     //DoSomething 
    }).on('autocomplete:autocompleted', function (event, suggestion, dataset) { 
     //DoSomething 
    }); 

Mein Problem ist, dass, wenn ich in dem Suchfeld eingeben beginnen, das obere Element ausgewählt ist und der Text in dem Suchfeld auf dieses Spiel eingestellt . Ich kann den Text im Suchfeld nicht mehr eingeben oder löschen. Durch Tippen oder Löschen wird die ursprüngliche Übereinstimmung ausgewählt.

Ich versuche, den ersten Treffer hervorgehoben zu machen, um es bei der Eingabe auszuwählen, aber ich möchte in der Lage sein, weiter zu tippen oder ein anderes Element auszuwählen, wenn das obere nicht das ist, wonach ich suche.

Wenn ich die Option autoselect: true entferne, funktioniert das Suchfeld, aber natürlich ohne die automatische Auswahl.

Answer 1

Arg in der Tat, das ist ein Fehler zwischen autoselect & die displayKey Optionen. Sie können die displayKey entfernen, um das Problem zu umgehen, und Sie sollten ein Problem auf dem official repository öffnen.

UPDATE: Dies wurde behoben seit 0.21.6.