Different behaviour background of modals between beta14 and 1.0 release


#1

We have just upgraded from Ionic beta 14 to the Ionic 1.0.0 release. After the upgrade we have one issue left which I can’t solve.

I have added 2 CodePens to show the problem, being:

1.0.0-beta.14: http://codepen.io/anon/pen/LVxxzM
1.0.0: http://codepen.io/anon/pen/rVjjYJ

If you look at the 1.0.0-beta.14 CodePen and open the modal by hitting the button top right and you make your browser view smaller than 680px you will see that the modal still has a dark background around it.

Do the same with the 1.0.0 CodePen en you will see the dark background color is gone. Any ideas howto fix this?


#2

Add next CSS:

@media (max-width: 680px) {
    .active .modal-backdrop-bg {
	opacity: .5;
	transition: opacity 300ms ease-in-out;
	background-color: #000;
    }
}