feat(typeahead): scroll feature for typeahead

[arins]

Implemented scroll for typeahead #1168

[codecov-io]

Current coverage is 86.38% (diff: 88.39%)

Merging #1543 into development will increase coverage by 1.44%

@@           development      #1543   diff @@
=============================================
  Files               82         83     +1   
  Lines             2298       2387    +89   
  Methods             20         20          
  Messages             0          0          
  Branches           297        319    +22   
=============================================
+ Hits              1952       2062   +110   
+ Misses             246        217    -29   
- Partials           100        108     +8   

Powered by Codecov. Last update 62e2e81...e316e65

[arins]

@valorkin I made a new pull request with your latest code.

[valorkin]

Awesome, thanks. I will still need to understand it better before merge
DM me in slack I will share some details about typeahead plans

[bwoodle]

@valorkin is there any update on when this might be merged? I am interested in this feature and trying to hold off on updating ng2-bootstrap until it is in.

Thanks

[valorkin]

I am planning spent next week full-time for ng2-bootstrap

[vsm-zz]

@valorkin We are waiting for the update on fix for typeahead for not showing more than 20 records by default when no search was performed. Please let us know when this will be available

[aleor]

Hello, are there any news on when this feature can be merged?..

[vikkivikrant]

@valorkin @arins Hi, any update on this, when this feature will be added?? It will be big win if we can add it soon. Thanks in advance.

[valorkin]

This/next we are finishing modal component loader. And then going to work on Typeahead and datepicker fixes/rewrite

[vikkivikrant]

Thanks @valorkin & @arins : Are you also adding feature where user can hold down/up arrow keys and it will keep moving to next/previous items. This will be very useful when you have too many items to look into.

Adding below code will do it :

Method to add it :
@HostListener('keydown', ['$event'])
public onKeydown(e: any):

Add below code into above method :

  // down
  while (e.keyCode === 40) {
    this._container.nextActiveMatch();
    return;
  }

  // up
  while (e.keyCode === 38) {
    this._container.prevActiveMatch();
    return;
  }

[vikkivikrant]

@valorkin @arins Any updates on this will be greatly appreciated.

[SergeyKuryatnick]

Need to solve conflicts

[WhoStoleMyToast]

@SergeyKuryatnick @valorkin @IlyaSurmay Any updates on this?

[NickManojlovic]

@SergeyKuryatnick @valorkin @IlyaSurmay any updates on the scrollable feature? I am in a real need of this functionality. I tried to modify CSS to show the dropdown but I am experiencing some IE11 issues when the scroll button is clicked the dropdown closes. Much appreciate it.

[IlyaSurmay]

Huge thanks for PR!
Due to the fact that lib structure has been changed a lot since this PR was created, we decided to take it as a draft and replace it with #2821.