Angular 6 Mat-Dialog скрывает часть фоновой веб-страницы

Итак, я использовал Mat-Dialog для отображения всплывающих окон и диалогов и только что обнаружил эту проблему. Часть фоновой страницы (страница, с которой я открываю модальное окно) скрывается, когда я прокручиваю страницу вниз и пытаюсь открыть диалоговое окно. Эта проблема не обнаруживается, когда страница находится вверху.

Angular 6 Mat-Dialog скрывает часть фоновой веб-страницы

Я понятия не имею, как правильно выразить вам эту проблему, ребята, но вы можете мне помочь?

Большое спасибо и спасибо, Ронни Макнамара

Контейнеры должны быть каким-то образом связаны, используете ли вы похожие материальные элементы как в основном виде, так и в диалоговом окне? и если да, то управляете ли вы стилем этих элементов программно?

Marshal 12.10.2018 19:19
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
1
1 405
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я очень ценю поддержку!

Ответ заключался в куске восстановленного бесполезного кода CSS, который мы забыли прокомментировать!

Проблема заключалась в коде CSS, который ограничивал максимальную высоту.

Если вы столкнулись с тем же решением, обязательно изучите каждый тег с помощью инспекционного элемента под микроскопом, lol!

С уважением, Ронни Макнамара

Нет проблем, рад, что ты в этом разобрался. В следующий раз я конвертирую комментарий в ответ, если он помог. В то время у меня не было достаточно информации о вашем проекте, чтобы опубликовать ответ, хотя мои подозрения были оправданы.

Marshal 15.10.2018 20:42

@ Маршал, ты был прав! я не смог загрузить код из соображений конфиденциальности!

Ronny McNamara 08.11.2018 15:53

понятно, но мой комментарий помог предоставить вам решение, даже если код не был предоставлен ... в следующий раз я конвертирую, чтобы ответить, чтобы у меня была возможность получить репутацию.

Marshal 08.11.2018 15:57

без сомнения. Я новичок в том, как это работает. Если бы я знал, как сделать ваш комментарий ответом, я бы стал!

Ronny McNamara 08.11.2018 16:00

не стоит беспокоиться. Просто дать обратную связь - это все. У вас нет возможности преобразовать комментарий в ответ, но большинство пользователей, если не все в этом сценарии, отправят вам ответ, чтобы вы его приняли.

Marshal 08.11.2018 16:04

Другие вопросы по теме