Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dialog opened on page with scrollbars leads to invisiblity of the page in the background #17854

tomatenspaten opened this issue Dec 2, 2019 · 0 comments


Copy link

@tomatenspaten tomatenspaten commented Dec 2, 2019

What are you trying to do?

I want to open a dialog from a page. If the page has no scrollbars you can see the opened dialog and in the background you can still see the page.
If there are scrollbars on the page (for example when more data is displayed) and i open the dialog then the dialog is shown and the page is not visible in the background.

What troubleshooting steps have you tried?

I have already tried to find some hints in the DOM if something is different when the page is not showing but without success.
I also tried a dirty way and deactivating the scrollbars right before opening the dialog. But that didn't help either.
Also i tried to switch to CDK/Material: 8.2.3 but that had too many dependencies (including going to Angular 8) which led to nearly the whole applications appearance being broken.


  • Angular: 7.2.15
  • CDK/Material: 7.3.7
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): macOs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
1 participant
You can’t perform that action at this time.