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
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
Rank 1
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)
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
Rank 1
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
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