Angular select scroll event not fired

Question

I created an example here. I created a directive that binds to the scroll event and puts the directive in a select. However, the scroll event never fires!

I also created a jquery version and it works!. Can some one tell me how to listen to a scroll event of select and ng-options? Thanks!

Community · Accepted Answer · 2017-05-23 10:32:36Z

0

Just copied style

style="overflow:scroll" size=5

from your second select and pasted in your first select, and it worked.

<select ng-model="n" ng-options="number for number in users" scrolly style="overflow:scroll" size=5>
  <option value="">--pick a number--</option>
</select>

This post could have helped you:Scroll event is not fired inside directive - angular.js

See the screenshot, the code example you created is working in chrome. enter image description here

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Jun 14, 2015 at 11:16

hpatel

1998 bronze badges

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

2 Comments

Qi Tang Over a year ago

I think it is a bug of chrome. I tested the exact same code with FireFox and it works fine. Your code works but I prefer to have the same style as of ng-select. I tried to change the size to 1 and it won't work.

hpatel Over a year ago

I think you need to do some research here. See the screenshot, the code example you created is working in chrome with those changes. Look at the post link in my answer, you might get some help there.

Collectives™ on Stack Overflow

Angular select scroll event not fired

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related