Resizing browser causes ModalView to close

[Brian Hearn]

We have built an application for mobile and desktop and in all browsers/version tested, an open KendoMobileModalView closes when the browser is resized. How can we prevent this?

The line of code in kendo.mobile.js that is the culprit is 9951: if (!that._hovered) { that.close();}

Commenting this out resolved the issue but I'm concerned about the side effects of removing this code.

[Iliana Dyankova]

Hi Brian,

I am afraid what you trying to achieve is not supported, since the Kendo UI ModalView is not meant to work on Desktop browsers.
 
Regards,
Iliana Nikolova
the Telerik team

[Brian Hearn]

First off, we are in fact using Kendo Mobile UI in a very complex application that works on both desktop and mobile. It's working quite well in fact. Second, I cannot imagine any valid use case for removing a modal dialog on a window resize that already supports repositioning as the browser is resized. Thirdly, commenting out the couple of lines of code I mentioned works fine and we've seen no issues in production.

[Petyo]

Hello Brian,

The modalview widget shares common code with the Kendo UI web widgets (the popup for the dropdowns, to be more specific), hence the behavior you exhibit. As Iliana already mentioned, Kendo UI Mobile is targeting mobile devices exclusively, and we did not consider this use case as a possible problem for our customers. 

If you do not use any of the form widgets in your project (or their popups staying open is not a problem for your case), feel free to comment out the lines you have already discovered. 

Kind regards,
Petyo
the Telerik team