Dropdownlist inside Grid inside IFrame - Popup behind IFrame

[Sabrina]

I have a DropDownList I'm creating inside a KendoGrid - it binds fine, but it's inside of an IFrame. Under a specific set of circumstances (two rows of data), the popup direction is Down and the selection list is hiding "behind" or "inside" the IFrame. I need the PopUp list to either go Up or be brought forward over the IFrame.... thoughts?? I've tried this a few ways using z-index and setting the popup to append to the Form or IFrame better, but no luck... 

[Petur Subev]

Hello Sabrina,

In order to investigate please demonstrate your case with a small demo or JsBin example which we can run. Also please give detailed explanation what is currently happening and what you expect to happen.

Kind Regards,
Petur Subev
Telerik

[Sabrina]

I've attached a screenshot of what is happening - on the Kendo grid, there's a dynamically created dropdown in the Relation column. The dropdown is dynamically created via javascript as the grid loads/renders. But the grid is inside of an iframe. Under certain conditions, specifically with two rows on the grid, the dropdown's popup opens downward. However, it is hiding "inside" the iframe and thus no selection can be made. The user cannot even see the options without some tricky, super controlled manipulation of the mouse and scroll wheel. (Something most users are not going to be patient enough to attempt let alone appreciate....) I've tried setting the z-index on the dropdown input control as the javascript creates/loads it into the grid, but this only sets it for the dropdown, NOT the popup which is dynamically generated by kendo -later- and has its own div and style settings... 

[Petur Subev]

Hello Sabirana,

The information that you shared is not enough for us to investigate why exactly the DropDownList opens in the bottom direction. Basically you cannot make the DropDownList popup visible out of the iframe - no item can go out of an iframe. What we would expect is the DropDownList to be opened in the up direction.

Take a look at the following demo:

http://trykendoui.telerik.com/ecov

The DropDownList will always choose the appropriate direction to open.

Kind Regards,
Petur Subev
Telerik