Full height of modal


I am trying to make a div element the full height of my $IonicModal.

However, I cannot get it to work.

Here’s the code:


		<h1 class="title">Map</h1>



		<div style="position:absolute; height: 100%; width: 100%; background-color: blue;"></div>

What am I doing wrong?


Padding? And make it ~!important.


Did you figure it out ? I have the same issue …


Try this to make a modal full height on tablets.

@media (min-width: 680px){
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;