Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Problem with md-dialog with hasBackdrop option true #987

Closed
ekaitzht opened this issue Dec 18, 2014 · 5 comments
Closed

Problem with md-dialog with hasBackdrop option true #987

ekaitzht opened this issue Dec 18, 2014 · 5 comments
Assignees
Milestone

Comments

@ekaitzht
Copy link

Hi,

When I open a modal template with hasBackdrop true, if I try to use the scroll in a big page the hasBackDrop is not loading to the entire page.

Here you have image capture http://screencast.com/t/ZvqAI4aR07h

Thanks

@EladBezalel
Copy link
Member

can you provide plunr please?

@ekaitzht
Copy link
Author

Hi @EladBezalel! Like you can see here http://plnkr.co/edit/hTwv1LwNzq0RpFKN1b8T?p=preview if you click in "SHOW DIALOG" if you use the scroll the backdrop is not using the entire height of the page.

@EladBezalel
Copy link
Member

Well it seems that the position in here:

md-backdrop.md-opaque.md-default-theme {
    background-color: rgba(0,0,0,.3);
    position:absolute;
}

makes the problem, it should be fixed as the parent,
a temp fix would be:

md-backdrop.md-opaque.md-default-theme {
    background-color: rgba(0,0,0,.3);
    position:fixed;
}

The solution is to delete the position here

@ekaitzht
Copy link
Author

I think by default when md-dialog is shown it should be disabled the scroll by default like in bootstrap.ui.

@EladBezalel
Copy link
Member

Well I think you're right!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants