NgbTypeahead component doesn't scroll inside a scrollable component

Question

I am using NgbTypeahead component of ng-bootstrap. My problem is, when I put the typeahead component inside a scrollable component and make a scroll down, the position of dropdo

Answer 1

Place the following code in your styles.css.

We can place the following code in any of the following files

• Style.css file
• index.html style tag

ngb-typeahead-window {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

Working code stackblitz link: https://stackblitz.com/edit/angular-qpzsfv