Modal window bug in IE

[N]

Using IE9, if you browse to http://demos.kendoui.com/web/editor/index.html and click on an option in the Editor toolbar that opens a dialog (e.g. “insert image” or “insert hyperlink”), the modal dialog that opens will scroll the browser window to the bottom of the page. I mentioned this in an email to Tim Tognacci in your sales team and he came back with "this is actually an issue with IE9, not Kendo UI" ...LOL!

[Dimo]

Hi Nuri,

The problem was indeed caused by difference in browser behavior and has been fixed some time ago. You can try using the latest internal build.

Greetings,
Dimo
the Telerik team

[Pulseweb]

Hi Dimo,

We updated our website to version 2012.3 1315 (Jan 16, 2013), but we still experience that bug in IE9. do we have to wait for the next build to have this error fixed?

Greetings,
Wouter Bos

[Dimo]

Hi Wouter,

I don't experience the described problem in the Q3 2012 SP1 release (2012.3.1315). Do you reproduce it here?

http://demos.kendoui.com/web/editor/index.html

If not, please make sure you have upgraded correctly. If yes, please specify the browser and document mode that you are using.

Regards,
Dimo
the Telerik team

[Pulseweb]

The bug does not appear in the demo (http://demos.kendoui.com/web/editor/index.html). I do experience it on my own website and it appears to be updated correctly. Both DLL and the JS files have the right version. My code is relatively simple: 

kwindow.data('kendoWindow')
             .content(setWindowContent(config.text))
             .center()
             .open();

The window code is created on-the-fly:
    jQuery('body').append(
      '<div id="' + kwindowName + '"></div>'
    );
    kwindow = jQuery('#' + kwindowName);
    kwindow.kendoWindow({
      title: pw_resources.Confirm,
      actions: ['Close'],
      resizable: false,
      modal: true,
      animation: pw.widget.kendoWindow.getAnimationConfig()
    });

The content is filled with this function:
  function setWindowContent(message) {
    var template = '';
    template += '<strong class="local_message">{0}</strong>';
    template += '<div class="local_buttons">';
    template += '  <a href="javascript:void(0)" ';
    template += '     class="k-button local_js_ok">';
    template += '    {1}';
    template += '  </a>';
    template += '  <a href="javascript:void(0)" ';
    template += '     class="local_js_cancel pw_form_button">';
    template += '    {2}';
    template += '  </a>';
    template += '</div>';
    return kendo.format(template, message, labels.ok, labels.cancel);
  }

I could provide you a link to some test location if you want. But I don't want to post that here on this forum.

[Dimo]

Hello,

The problem is caused by the fact that the Window is initialized as visible, so it is initially positioned at the bottom of the page, which causes it to scroll. Please initialize it as a hidden widget and then show it with center().open()

kwindow.kendoWindow({
    title: "window title",
    actions: ['Close'],
    resizable: false,
    modal: true,
    visible: false
});

Regards,
Dimo
the Telerik team

[Pulseweb]

Hi Dimo,

It works! Thanks!

[N]

It still doesn't work on some of the KendoUI demos, e.g. on http://demos.kendoui.com/web/editor/all-tools.html and click on the last "View HTML" icon. There may be other places too... You need to do a global search in the demo project(s) to fix it once and for all.

[Dimo]

Hi Neil,

The ViewHtml tool dialog is now fixed as well, thanks.

Regards,
Dimo
the Telerik team

[Marian]

Hello,

The problem with ViewHtml tool in http://demos.kendoui.com/web/editor/all-tools.html is still not fixed. You can check on your own demo, on Internet Explorer 9.

Thank you!

[Dimo]

Hi Marian,

We do not update the kendo UI version in the online demos between official releases. The fix is in our source code and changes will take effect in the next internal and official builds.

Dimo
the Telerik team