Functioning issue of angularjs dropdowns

Question

I am using multiselect dropdowns in angular. The issue am facing is whenever any option is selected in dropdown, automatically the top of dropdown content is being displayed. For ex; Here i have a demo: https://plnkr.co/edit/eGVkSPJRpddeGxcIogdd?p=preview when I check/uncheck Honda option from dropdown,automatically top of dropdown is dispalyed.

How can I make it to stay at the option which i select from dropdown. So that checking/unchecking will be easy for user.

whats do you mean by automatically top of dropdown is dispalyed? I can see 1 item selected , on selecting any option — Deep
– Deep, Commented Jun 27, 2016 at 6:05
@Deep: Pls see the plunk. if u select any option immediately control goes to first option of dropdown.. which makes it difficult for user to check and uncheck at a time. First user selects an option and top option of dropdown will be displayed.. again user has to scroll down and uncheck. — Deborah
– Deborah, Commented Jun 27, 2016 at 6:11

dgk · Accepted Answer · 2016-06-27 06:20:43Z

1

You need to edit the multiselect.js directive here is required changes from line @252

  scope.focus = function focus() {
    var searchBox = element.find('input')[0];
    //searchBox.focus();
  }

edited Jun 27, 2016 at 6:20

answered Jun 27, 2016 at 6:06

dgk

8999 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dgk Over a year ago

Comment out @252 line from multiselect.js i.e searchBox.focus().

Collectives™ on Stack Overflow

Functioning issue of angularjs dropdowns

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related