Opening NbSelect distorts page layout

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior: If you have nb-layout-header on a page and nb-select inside nb-layout-column and if page’s height is bigger than your screen and you open the nb-select after scrolling, the nb-layout-header would disappear. (NOTE:) - the parent component nb-layout has no input properties.

Expected behavior: nb-layout-header shouldn’t move or disappear after scrolling the page and opening the nb-select

Steps to reproduce: create nb-layout then inside it one nb-layout-header and one nb-layout-column. Then put a div Inside nb-layout-column with a height bigger than the screen, so you can to scroll it then put a nb-select inside this div in a position that you have to scroll in order to get to it, then open then nb-select to see the issue.

Related code: Please refer to this closed issue - #1158

Angular, Nebular

Angular - 7.3.7
Nebular - 3.5.0

[maihannijat]

negative top margin is added to the html element when select component is clicked. I added the following now to have quick fix: html {top: 0 !important;}

[jagabs]

@yggg this is when nb-select is in a dialog

still occurs on “@nebular/theme”: “4.6.0”