In all Browsers (Chrome, Safari, Firefox), nb-select component does not work properly after scrolling.

[chaitrapdeshpande]

Issue type

I'm submitting a ... (check one with "x")

• [ x] bug report
• feature request

When the UI has dropdown(nb-select component) and you scroll the page and click on dropdown the UI jumping issues happens in latest Chrome, Firefox and Safari in Mac as well as in Windows.

Current behavior:
If the UI has dropdowns, and as long as the screen does not had to be scrolled, the components/UI will display correctly. When we start scrolling the screen and the number of elements in the dropdown is large enough to overflow the next UI then UI jumps or UI pops up which cuts the remaining UI by making it blank. This happens in all browsers in Windows. In Mac Firefox this issue does not happen.

Expected behavior:

1. UI should not jump.
2. Normal behaviour of dropdown is expected even though scrolling happens or even if the many items are taken in the dropdown.

Steps to reproduce:

1. Go to following link the same behaviour happens.
2. https://akveo.com/ngx-admin/pages/extra-components/form-inputs
3. Scroll the page.
4. Click on any drown after scrolling, the same behaviour appers.
   Related code:

insert short code snippets here

Other information:

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->

[yggg]

Hi @chaitrapdeshpande, thanks for reporting.
Looks very similar to #1443. Issue should be gone after upgrade to Nebular 3.6.1 or 4.1.0.
It will be fixed in ngx-admin when we finish migration to Nebular 4.

Closing as fixed in Nebular.