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

DropDownList list position offset IE11

5 Answers 341 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Dakota
Top achievements
Rank 1
Dakota asked on 21 Apr 2017, 02:31 AM

Hey team,

for IE11 specifically, works as intended in Chrome.

Experiencing the situation where when on a page, if the page needs a scrollbar to scroll for content, and you have scrolled any amount down the page, and you try to open dropdown options, the dropdown list position seems to be relative to the bottom of the page instead of being "attached" to the bottom of the dropdown div.

 

Appearance like the attachment of the post below:

http://www.telerik.com/forums/kendo-drop-down-list-positioning-issue-on-scroll-of-the-page

 

I've seen a handful of posts in 2012/2014 seeming to pertain to the same issue, but was hoping for an updated status.

I believe we are using the 2017 release and jquery 2.2 which I believe are compatible.

5 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 21 Apr 2017, 12:44 PM
Hello Dakota,

There has been similar bugs in previous versions, which have been fixed, so please check whether the unwanted behavior is exhibited when using the latest version (2017.1.223). Currently there is a known bug in IE reproducible with the latest official version that makes the dropdown appear at an incorrect position and it is related to right-to-left (k-rtl) being enabled.  See this issue in our Github repo for more details. If your scenario is different and does not involve using the k-rtl class, please post a dojo example that demonstrates the issue for further review.

Regards,
Ivan Danchev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Dakota
Top achievements
Rank 1
answered on 21 Apr 2017, 09:58 PM

Thank you Ivan, the solution posted with the Github repo worked as I needed it to! 

Additionally I need to apply this to my DatePicker objects as well, and it seems the object structure doesn't contain the same properties needed. The DropDown used:

var wrapper = e.sender.wrapper, popup = e.sender.popup;

but sender.wrapper & sender.popup aren't directly translatable.

I looked through the object structures a little but couldn't find an appropriate target for these values for computing the necessary difference in window vs div position.

 

(angular/kendo/jquery)

0
Ivan Danchev
Telerik team
answered on 24 Apr 2017, 02:15 PM
Hello Dakota,

The workaround in the Github issue is posted by a member of the community, i.e. it is not provided by the Kendo team and has not passed our testing procedure, thus we cannot guarantee it will work in all possible scenarios. Nevertheless you could give the following dojo a try. It is the original workaround with a small modification made so that it can be applied to the DatePicker.

Regards,
Ivan Danchev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Oren
Top achievements
Rank 1
answered on 30 Jul 2017, 09:50 AM

Hi,

we have the same issue, only with grids filters popup.

when the page is scrolled (IE) and rtl is enabled, the popup of the filter do not apear in the correct position.

What i need to do is a fix, like the one that was posted in github

but i need to apply the fix in the event of filter popup open. i can't find a way to hookup this event

Can you show me a way how to fix this?

Thanks

0
Ivan Danchev
Telerik team
answered on 01 Aug 2017, 02:05 PM
Hi Oren,

A separate issue has been logged for the incorrect dropdown position when rtl is enabled. Both it and the one earlier discussed in this thread have been fixed and are no longer reproducible in the latest official version (2017.2.621), so we recommend upgrading.

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
DropDownList
Asked by
Dakota
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Dakota
Top achievements
Rank 1
Oren
Top achievements
Rank 1
Share this question
or