DropDownList list position offset IE11

6 posts, 0 answers
  1. Dakota
    Dakota avatar
    15 posts
    Member since:
    Oct 2016

    Posted 20 Apr Link to this post

    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.

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1268 posts

    Posted 21 Apr Link to this post

    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.
  3. Dakota
    Dakota avatar
    15 posts
    Member since:
    Oct 2016

    Posted 21 Apr in reply to Ivan Danchev Link to this post

    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)

  4. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1268 posts

    Posted 24 Apr Link to this post

    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.
  5. Oren
    Oren  avatar
    1 posts
    Member since:
    Dec 2016

    Posted 30 Jul in reply to Ivan Danchev Link to this post

    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

  6. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1268 posts

    Posted 01 Aug Link to this post

    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.
Back to Top