Nebular's dropdown does not scroll with the page

Question

I'm trying to implement a auto complete, dropdown element, in an angular app. The auto complete works just fine but when I scroll down, on the page, the auto complete does not scroll up with the page. The image below depict my scenario. The left side shows when I start typing and the right side shows when I scroll down on the page:

The correct behavior should show that the auto complete dropdown element should be positioned fixed right below the input element. I've used this nebular NbAutocompleteDirective.

I've tried to set the parent container's position to relative but that also did not work. Does anyone have a resolution to this problem?

Here is a screenshot of the nebular version I'm using (incase it's relevant):

Answer 1

I went with angular-ng-autocomplete

It's much better.