Заполнитель открывает jQuery UI автозаполнения combobox при загрузке страницы (IE10)

Question

Я использую jQuery UI autocomplete combobox widget. Когда я добавляю заполнители в своих списках, поля автозаполнения открываются по умолчанию.

Это происходит только на IE10 и более поздних версиях.

Это мой код:

_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

Мы заметили, что этот вопрос решается на самом деле фокусировки на выпадающие списки.

После того, как выпадающее поле сфокусировано, поле автозаполнения исчезло, и оно оставалось таким же, когда комбобокс потерял фокус.

Таким образом, наше решение было немного хак-иш, мы добавили .focus() с последующим .blur():

_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

Мы имели такую ​​же проблему в IE10 +, но только тогда, когда мы добавим заполнитель специальных символы (немецкий «Umlaute»).

Решения по Seckin решается также наша проблема - после 1 дня напряженной работы Google ;-)

пытался проголосовать за ответа-, но как новичок я не имею репутацию для этого. ..

_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(); 

    },