переполнение полосы прокрутки при появлении всплывающего диалогового окна

#angular #bootstrap-4 #angular-material

#angular #bootstrap-4 #angular-материал

Вопрос:

Я создаю клон Twitter с помощью angular, я хочу, чтобы полоса прокрутки диалогового окна, которая появляется, когда я нажимаю на твит, находилась далеко справа от браузера, как в Твиттере, вместо этого произошло переполнение полосы прокрутки

Я пытался не устанавливать ширину диалогового окна, но это не решило проблему переполнения полосы прокрутки

 openDialog(kweek: Kweek): void {
    this.roots.push(kweek);
    this.popUpMode = true;
    const dialogConfig = new MatDialogConfig();
    dialogConfig.width = '640px';
    dialogConfig.data = { roots: this.roots };
    const dialogRef = this.dialog.open(ReplyComponent, dialogConfig);
    dialogRef.componentInstance.roots = this.roots;
    dialogRef.afterClosed().subscribe(result => {
      this.roots = [];
    });
  

Комментарии:

1. проблема переполнения полосы прокрутки решается с помощью div вместо mat-dialog-content, но теперь полосы прокрутки вообще нет, я все равно хочу прокручивать диалоговое окно, используя крайнюю правую полосу прокрутки (главная полоса прокрутки)

2. можете ли вы поделиться стеком?

3. Не могли бы вы добавить код html и css? я думаю, вам следует просмотреть элемент inspect и добавить overflow

4. html / css: codepen.io/abdulrahman-khalid/pen/rbwqWw

5. Я решаю эту проблему, используя эту строку перед открытием диалогового окна: dialogConfig.scrollStrategy = this.overlay.scrollStrategies.reposition();