This is a migrated thread and some comments may be shown as answers.

kendo dropdownlist cannot display in front of iframe

1 Answer 101 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
BRS
Top achievements
Rank 1
BRS asked on 25 Jan 2013, 05:55 AM
Hi there,

I ran into this bizarre issue and has wasted me at least one day.
Basically I have a kendodropdownlist, below it there's a iframe wrapped in a div.
when I click on the dropdownlist, i'm expecting it to show in front of the iframe.
I've tried the below and it still failed to work:
  • set position:absolute and z-index: -1000 for iframe and its div
  • set style for #ddlTest_list - no use at all
  • set style for #ddlTest_listbox - works with font color but setting z-index still has no effect
As you can see in my attached code the <select> works perfectly fine.

Please advise how I can get dropdownlist to work.

Many thanks!

1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 28 Jan 2013, 05:47 PM
Hello,

The provided code is auto generated, unformatted and basically unreadable.
As I understood the problem occurs when a DropDown widget is placed above iframe. I tried to reproduce the behaviour in all major browsers using this sample page but to no avail. Could you please check my example and let me know what I am missing? Can you replicate the issue in my test page and send me back a link?

In this way I would be able to examine what is going wrong and assist you further. Thank you in advance for the cooperation.

Regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
DropDownList
Asked by
BRS
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or