Platzhalter öffnet jQuery UI Autocomplete Combobox beim Laden der Seite (IE10)

Question

Ich benutze jQuery UI Autocomplete Combobox Widget. Wenn ich Platzhalter in meine Comboboxen einfüge, werden die Autocomplete-Boxen standardmäßig geöffnet.

Dies geschieht nur auf IE10 und später. mein Code

Dies ist:

_create: function() { 
      this.wrapper = $("<span>") 
      .addClass("custom-combobox") 
      .insertAfter(this.element); 
      this.element.hide(); 
      this._createAutocomplete(); 
      this._createShowAllButton(); 
      this.input.attr("placeholder", this.element.attr('placeholder')); 
     }, 

Answer 1

Wir haben festgestellt, dass das Problem durch tatsächlich Fokussierung die Comboboxen gelöst wurde.

Sobald die Combobox fokussiert ist, verschwand die Autocomplete-Box und es blieb so, als der Combobox Fokus verlor.

Also, unsere Lösung war ein bisschen Hack-ish, wir .focus() von einem .blur() zugegeben:

_create: function() { 
      this.wrapper = $("<span>") 
      .addClass("custom-combobox") 
      .insertAfter(this.element); 
      this.element.hide(); 
      this._createAutocomplete(); 
      this._createShowAllButton(); 
      this.input.attr("placeholder", this.element.attr('placeholder')); 

      this.input.focus().blur(); 
      //^^^^^^^^^^^^^^^^^^^^^^^^^^ Voila! 
     }, 

Answer 2

Wir hatten das gleiche Problem in IE10 + aber nur, wenn wir einen Platzhalter mit speziellen hinzufügen Zeichen (deutsch "Umlaute").

Die Lösung von Seckin gelöst unser Problem auch - nach dem 1. Tag harter Google Arbeit ;-)

für die Antwort- zu stimmen versucht, aber als Neuling habe ich den Ruf nicht so zu tun. ..

_create: function() { 
     this.wrapper = $("<span>") 
     .addClass("custom-combobox") 
     .insertAfter(this.element); 
     this.element.hide(); 
     this._createAutocomplete(); 
     this._createShowAllButton(); 

     this.input.attr("placeholder", 'Bitte wählen'); 
     this.input.focus().blur(); 

    },