The dialog popup windows with NbDialogService does not have a scrollbar

Issue type

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

• bug report
• feature request

Issue description

Current behavior: The dialog popup windows does not have a scrollbar. So, when the content of a dialog window open using the following example (example from NbDialogService

import { Component } from '@angular/core';
import { NbDialogService } from '@nebular/theme';
import { ScrollDialogComponent } from './components/scroll-dialog.component';

@Component({
  selector: 'nb-dialog-scroll',
  template: `
    <button nbButton (click)="openWithScroll()">With scroll</button>
    <button nbButton (click)="openWithoutScroll()">Without scroll</button>
  `,
  styleUrls: ['./dialog-common.scss'],
})
export class DialogScrollComponent {
  constructor(private dialogService: NbDialogService) {
  }

  openWithScroll() {
    this.open(true);
  }

  openWithoutScroll() {
    this.open(false);
  }

  protected open(hasScroll: boolean) {
    this.dialogService.open(ScrollDialogComponent, { hasScroll });
  }
}

does not have any scrollbar.

Expected behavior: If the content of the dialog window is taller than the screen, I should have the scrollbar in order to read the full content.

Steps to reproduce:

Simply, use the code from the example and add enough content to the dialog window to overload the screen

Related code:

insert short code snippets here

Other information:

npm, node, OS, Browser no necessary

Angular, Nebular Last version of Nebula 4.1.3

[xouqoa]

I am not sure what the code for your ScrollDialogComponent looks like in your original example.

But let’s assume you have a <nb-card></nb-card> inside there which wraps your content. Try putting the max-height on there.

[janice1015]

How did you solve the problem final? I have the same problem as you，help~~