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

Drop down list offset in IE when opened in an iFrame

9 Answers 381 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Kelly
Top achievements
Rank 1
Kelly asked on 26 Jul 2013, 01:47 PM
When opening a kendo dropdownlist in IE in an iFrame the list part is offset. I believe IE is not reporting the correct coordinates to the drop down list constructor since it is in an iFrame. If nothing is to the left of the drop down list it works fine.

Code:
<script type="text/javascript">
$("#StatementDate").kendoDropDownList();
</script>
 
<div class="grid4 inputlabel">Statement Date:</div>
            <div class="grid9 inputfield">
                <select id="StatementDate" name="statementMonth" style="width:120px;">
                    <option selected="selected" value="Current">Current</option>
 
                    @foreach (KeyValuePair<int, DateTime> item in Model.StatementList)
                    {
                        <option value="@item.Key">@item.Value.ToString(Model.CurrentContext.Club.DateFormat)</option>
                    }
                </select>
 
                <input type="button" id="viewPdf" value="View Statement" class="button button3" style="width:120px;" />
            </div>
Is there a work around for this? The code works fine outside of the iFrame and inside the iFrame if using another browser such as Chrome.


9 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 30 Jul 2013, 11:50 AM
Hi Paul,

Do you observe such a phenomenon here?

http://jsfiddle.net/dimodi/bWs9j/

The DropDownList seems to work fine on my side.

On the other hand, even if the browser does not report some elements' position correctly, in certain scenarios, we may not have direct control over this, as we are using jQuery methods for position retrieval. Using our own custom implementation will require major rework that may not be feasible.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kelly
Top achievements
Rank 1
answered on 09 Aug 2013, 02:02 PM
If I open your JFiddle in IE10 and click the drop down nothing happens. I get an Access is denied error.
0
Dimo
Telerik team
answered on 09 Aug 2013, 03:10 PM
Hello Paul,

This error is probably caused by the fact that jsFiddle uses an iframe (it does not occur on my PC, but I remember our team reseached such a scenario recently). The problem is fixed in the latest internal build. You can test the jsFiddle with no iframes like this:

http://jsfiddle.net/dimodi/bWs9j/show/

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kelly
Top achievements
Rank 1
answered on 12 Aug 2013, 11:55 AM
The problem (the offset drop down list) only appears when we use the drop down list in iframes. Are you able to open a drop down list correctly on your computer while using the drop down box in an iframe on IE10 with words in front of it? If so I'll assume my code is the issue.
0
Tim
Top achievements
Rank 1
answered on 12 Aug 2013, 06:54 PM
I'm having this exact issue. I have a dropdownlist in an iFrame and it is offset in IE10. 

If there is no fix for this I need to stop using Kendo dropdownlists. Any help is appreciated.
0
Tim
Top achievements
Rank 1
answered on 12 Aug 2013, 09:02 PM
It looks like it has been fixed in the latest internal build. It's working for me now. Thanks!
0
Sandi Markon
Top achievements
Rank 1
answered on 19 Aug 2013, 10:09 AM
Hello

I try with last version Kendo UI Web v2013.2.716, but it seems that don't work. Where did you find the latest internat build? I have problems with datepicker, not with dropdown but with the same issue.
0
Imran Shafiq
Top achievements
Rank 1
answered on 23 Aug 2013, 08:12 PM
We are facing the problem of DropDown and Calendar, Both are do nothing when click on its, the browser is IE9, we just upgrade the latest version of Kendo ui, but cant further use if the problem still exist. then we have option to just revert the update but Multyselect exist in new version.

Thanks
0
Dimo
Telerik team
answered on 26 Aug 2013, 08:31 AM
Hello,

Latest internal builds are available from your accounts. When you go to "Products & Subscriptions", you will see a link on the right. Alternatively, when you go to "Download installer and other resources", you will again see "Latest internal builds" links.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
DropDownList
Asked by
Kelly
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Kelly
Top achievements
Rank 1
Tim
Top achievements
Rank 1
Sandi Markon
Top achievements
Rank 1
Imran Shafiq
Top achievements
Rank 1
Share this question
or