Weird content shifting behind Dialog when using DialogService with NbSelectComponents

Issue type

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

• bug report
• feature request
• question about the decisions made in the repository

Issue description

Current behavior: When I open a dialog with the NbDialogService, and it consists of NbSelect components it will make some weird content shift. This only happens if you have long content when you need scrolling.

Expected behavior: I would expect when I have a long scrolling content and I open a dialog and it consists of nbselect components it shouldn’t mess up the content behind the overlay.

Steps to reproduce:

1. Have long scrolling content. I have three ng2-smart-tables.
2. Make a dialog window with a few field. make the last or second last one the nbselect component. click two times. on the nbselect component to make the content behind dialog shift.

https://gyazo.com/a5acf099212df95be532fa9db16d5a65

https://gyazo.com/5e5c7a6b3ad0bc659407298a3ede0206

Related code:

<div class="row">
	<div class="col-md-12">
		<nb-card>
			<nb-card-header>
				<!-- Header -->
			</nb-card-header>
			<nb-card-body>
				<div class="container col-md-12" *ngIf="!isDeleted">
					<!-- other content -->
				</div>
				<ng2-smart-table *ngIf="!isDeleted"
								 #smartTableComponent
								 [settings]="settings" [source]="source"
								 (createConfirm)="onCreateConfirm($event)"
								 (editConfirm)="onEditConfirm($event)"
								 (deleteConfirm)="onDeleteConfirm($event)"
								 (custom)="onChangelogConfirm($event)"
								 (userSelectedRows)="onMultipleRowSelected($event)"></ng2-smart-table>
				<!--				<button type="submit" nbButton (click)="open()">{{ AddButtonTitle }}</button>-->
			</nb-card-body>
		</nb-card>
	</div>
</div>

Other information:

npm, node, OS, Browser

<!--
Node, npm: `12.16.1` and npm `6.13.4`
OS: Windows 10.
Browser: Chrome
-->

Angular 9, Nebular 5

[sushilpatil84]

I fixed this issue by removing “windowMode” in one-columns-layout, two-columns-layout, three-columns-layout component file.

Please try and let me know.

[suppadeliux]

I still have this problem with nebular 8. Removing “windowMode” from my <nb-layout> seems to works well, just hoping it doesnt create other bugs.