iPad support for MVC Windows

[Evan Stineman]

Seems like when I use Windows (modal) on my iPad, the entire background screen does not fade out like it normally would on a PC.
Is there anything I can do to fix this?

Thanks,

[Dimo]

Hi Evan,

The modal background is positioned by using a position:fixed style. Mobile devices deliberately do not support this in order to prevent an element from blocking most of the page content on a small screen.

A possible workaround is to switch the positioning to absolute in the Window's OnOpen event and set appropriate width and height:

function overlayMobile(e)
{
    var isTouch = (/iphone|ipad|android/gi).test(navigator.appVersion);

    if (isTouch) {
        var pageHeight = $("body").outerHeight();
        var pageWidth = window.innerWidth;
        $("body>.t-overlay").css( { position: "absolute", width: pageWidth, height: pageHeight } );
    }
}

Kind regards,
Dimo
the Telerik team

[Jim Laber]

Thank you.  Seems to work, except the background didn't fade out.  I removed the height and width and simply changed from fixed to absolute and I got the fade out effect back.

Thanks.

[Dimo]

Hi Jim,

I don't seem to observe such a relationship between the position and the animation on my side.

Anyway, the discussed fix will be included in the next internal build of the MVC extensions.

All the best,
Dimo
the Telerik team