[Solved] grey overlay not clearing when closing a window

[Shane]

Using Telerik MVC Extensions Q1 2012

I have a project which opens a dynamic Telerik Window, which contains a form.
When this form is save, I am using a telerik prompt window to capture some extra information.
The save button on the form opens the prompt, which will then do an ajax call to submit the form and close the telerik window.
Sometimes this works correctly ( the first time?) but subsequent saves close the window, but do not remove the grey overlay over the page, preventing further page interaction until the page is refreshed.


Normally the onClose function on the window contains:

onClose: function (e) {
               e.preventDefault();
               $(ruleEditApp.windowName).data('tWindow').destroy();
},

This has not been working, and so I have changed this function to:

  onClose: function (e) {
                 e.preventDefault();
                 $(ruleEditApp.windowName).data('tWindow').destroy();
                 if ($(".t-overlay")!=null)
                    $(".t-overlay").remove()
},

This will find the errant overlay and remove it, allowing access to the page again.

I think this is a bug in the close window functions in the telerik code when 2 modal windows are open.

Hope this helps someone

[Shane]

I was wrong.

On Friday I could not get this to break, but this morning I am getting the same error with the grey overlay not clearing. This is especially prevalent when opening and closing the prompt window dialog several times before closing the first popup window.

The onClose script is being called, but this remians on the page: ( with the z-index changing dfor different page loads..)

<div class="t-overlay" style="z-index: 10034;"/>

Dear Telerik, any ideas?

[Dimo]

Hi Shane,

Please close() the Window before calling desctroy(). This should be fixed in the current official version by the way.

All the best,
Dimo
the Telerik team