Модальное всплывающее окно Angular не перемещается при нажатии на другой элемент

#angular #scroll #modal-dialog

#angular #прокрутка #модальный диалог

Вопрос:

У меня около 100 элементов таблицы. Когда я нажимаю для редактирования на элементе # 100, модальное всплывающее окно появляется рядом с ним в нижней части страницы. Когда я прокручиваю назад и нажимаю на элемент # 1, всплывающее окно все еще находится внизу и не отображается. Что я делаю, чтобы всплывающее окно возвращалось при прокрутке вверх или появлялось сверху рядом с элементом при нажатии?

 SCSS:

@import "~app/design-library/scss/colors.scss";
@import "~app/design-library/scss/layout.scss";

@mixin modalSection {
  padding: 1rem;
}

:host {
  display: none;
  position: absolute;
  top: 0;
  z-index: 2000;

  height: 100vh;
  width: 100vw;

  justify-content: center;
  align-items: center;
 

Ответ №1:

Исправлено, так же просто, как изменить на

   position: fixed;
 

Теперь задняя часть прокручивается, а модальное всегда находится в центре.