IE9 Compatibility problems with editform with modal="true"

[Jeremy]

I am using a RadGrid that uses an EditForm for editing and adding items to the grid. The EditForm is a pop-up, template, and has the modal property set to true. I’m using Internet Explorer 9 and the pop-up works fine with the background grayed out, but when I switch to compatibility mode the background and the pop-up are both grayed out. The user can’t click or input anything at that point. I'm using .Net 3.5.

Any ideas of what could be going wrong?

[Tsvetina]

Hello Jeremy,

I could not replicate the described problem in our online demo of editing RadGrid with a popup edit form:
PopUp Edit Form

Can you tell what is the difference between the demo and your grid? Also, what is your version of RadControls?

Best wishes,
Tsvetina
the Telerik team

[Jeremy]

Hello Tsvetina,
The only difference I can find in my EditForm is that I used Panels inside of it. I wrote code without using Panels, and the problem still occurrs. Another difference that I found that I don't think could be causing this is my RadGrid has the AllowAutomaticUpdates, Inserts, and Deletes all set to false.
I am using Version 2011.1.519.35.

Thanks,
Jeremy

[Tsvetina]

Hi Jeremy,

I still cannot replicate the problem. Can you test the attached project and let me know what am I missing out in my replication steps. It would help if you tell me what exactly to change in order to get the problem to reproduce in it.

Kind regards,
Tsvetina
the Telerik team

[Ken]

this is reproducible.  using IE10.......... go to Telerik demo
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/popupeditform/defaultcs.aspx

the second grid is the modal popup form.
using IE10 click edit ... all works fine
In IE tools click compatibility mode
Now try edit from second grid ALL will be grayed out including the popup edit form

[Maria Ilieva]

Hi Ken,

I tested the mentioned online demo and was able to replicate the problematic behavior. However this issue could be replicated only in the mentioned example when it is build as part of our QSF examples application and could not be replicated in isolated sample application. The issue is actually in some custom styles we applied in our website which we will fix as soon as possible.

Regards,
Maria Ilieva
Telerik

[Jose Luis Romero]

Could you please elaborate on how you managed to solve this issue? It seems that some of my CSS are causing the same sympthoms described here, and I need some light on how to solve it.

[Maria Ilieva]

Hello Jose,

 I would suggest you to open a separate support ticket and provide your page markup as well as the custom styles you are using. Thus we will be able to inspect them, locally and propose proper solution for your specific case.

Regards,
Maria Ilieva
Telerik