Focus on search doesn't work anymore

[bogdanalexe90]

From 0.14.0 the search input is not focused anymore when dropdown is opened. I tried to figure it out and it seems that the problem is:

var container = $element.querySelectorAll('.ui-select-choices-content');
      if (ctrl.$animate && ctrl.$animate.enabled(container[0])) {
        ctrl.$animate.on('enter', container[0], function (elem, phase) {
          if (phase === 'close') {
            // Only focus input after the animation has finished
            $timeout(function () {
              ctrl.focusSearchInput(initSearchValue);
            });
          }
        });
      } else {
        $timeout(function () {
          ctrl.focusSearchInput(initSearchValue);
        });
      }

It seems that the code inside ctrl.$animate.on it's never run.

[user378230]

Is #1415 relevant?

[bogdanalexe90]

I'm using angular 1.5.0

[andrewboni]

Also seeing this, but with angular 1.4.8

@bogdanalexe90 did you find a solution?

[bogdanalexe90]

not yet. Just a hacky one:

• Create a new directive for ui-select-choices
• Inject $animate on it
• in the link step do $animate.enabled(element, false);

In this case all the animations on ui-select-choices will be disabled and the check will take the else path.

[rifansi]

also seeing this.
I'm using angular 1.5.0 and ui-select 0.14.1.

solution from @bogdanalexe90 is working fine for me.
thanks a lot

[roberttolton]

+1
Using angular 1.5.0 and ui-select 0.14.8

[wesleycho]

This seems like a duplicate #1201, and some of the ngAnimate issues with the library.

[mattanbi]

The code below did the trick for me too, angular 1.4.9 ; latest ui-select.

myApp.directive('uiSelectFocusFix', ['$animate', function($animate) {
      return {
                link:function (scope, element, attrs) {
                    $animate.enabled(element, false);
                }
            };

}])

[SergeyCherman]

+1 on Angular 1.5.3, uiselect 0.16.1
In my case @bogdanalexe90 dirty fix did not work as animate was still true on "div.ui-select-choices-content.selectize-dropdown-content"
However doing:
$animate.enabled(element[0].firstChild, false);
in my directive did work.

[karrhu]

+1 on Angular + Angular-animate 1.5.5, uiselect 0.16.1

Disabling animate from the element as described above introduced #1592, but removing ngAnimate module completely fixed the issue oO

Combined workarounds from these two issues ($timeout + disable animate from ui-select) gets rid of the problem, until someone will fix these for good.

[el-davo]

+1

[sercangurbuz]

$animateProvider.classNameFilter(/^anim/); and
'
function selectFocusHack($animate: ng.animate.IAnimateService) {
const directive = <ng.IDirective>{
link: function (scope, elem: any) {
$animate.enabled(elem, false);
}
};
return directive;
}
focus hack worked for me

[ztane]

Still having this issue, none other really worked but removing ngAnimate completely fixed it. Angular 1.5.8, select 0.19.5