angularangular-materialangular-material2angular-material-6

Angular 6 Mat-Dialog hides a part of the background webpage


So, I have been using Mat-Dialog to show popups and dialogs, and I have just discovered this issue. A part of the background page(the page from which I open the modal) gets hidden when i scroll down on that page and try opening a dialog box. This issue is not found when the page is at the top.

The problem I face when I scroll down on a webpage and open a dialog

I have no idea how to express this issue properly to you guys but, can y'all help me out?

Much appreciated & Thanks, Ronny McNamara


Solution

  • I really appreciate all the support!

    The answer lied in a piece of undeleted useless CSS code that we forgot to comment!

    The problem was a CSS code that limited the max height of the .

    if you're facing the same solution, make sure to examine every single tag with inspect element under a microscope lol!

    Regards, Ronny McNamara