How to prevent the _toggleResize when date picker opens

9 posts, 0 answers
  1. Yajing
    Yajing avatar
    9 posts
    Member since:
    Nov 2016

    Posted 30 Oct 2017 Link to this post

    Hello,

    I have a date column in my grid. But sometimes the date picker filter doesn't open. When I debug, I can see it opens then closed automatically because the scroll event is bound to the grid in the open function when options.modal is not true.

    What does options.modal do? I don't see any documentation about this. And why bind the scroll event  and close the popup in this case?

     

    Best regards,

    Yajing

     

  2. Yajing
    Yajing avatar
    9 posts
    Member since:
    Nov 2016

    Posted 30 Oct 2017 Link to this post

    I can understand the popup closes automatically when we scroll the page, but why I just open the date picker and it triggers the scroll? Any idea how to prevent this abnormal behavior?
  3. Stefan
    Admin
    Stefan avatar
    1838 posts

    Posted 01 Nov 2017 Link to this post

    Hello, Yajing,

    Thank you for the provided details.

    I made different tests, but the scroll event was not fired unless I actually scrolled the page to closed the popup.

    As the issue seems very specific, could you please provide an example and video demonstrating it as this helps us to inspect it and provide a suggestion if possible.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  4. Monisha
    Monisha avatar
    1 posts
    Member since:
    Apr 2018

    Posted 01 May in reply to Stefan Link to this post

    Hi Stefan,

    I am facing the same issue. 

    I have datepicker at the end of page, when I try to open  the date picker, the control is scrolling to the top, and date popup is there at bottom of the screen.

    My question is how to avoid this unnecessary window scrolling when we click kendo date picker?

     

     

  5. Stefan
    Admin
    Stefan avatar
    1838 posts

    Posted 02 May Link to this post

    Hello, Monisha,

    In general, the DatePicker should not cause any additional scrolling of the page without outside factors interfering with its behavior.

    Please share with us an example or a live URL where we can observe this and determine what could be causing this undesired behavior.

    I will be expecting the example and gladly assist further.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  6. Anshuman
    Anshuman avatar
    6 posts
    Member since:
    Nov 2015

    Posted 07 May in reply to Stefan Link to this post

    Hi Stefan,

    I have same issue.

    I have datepicker at the bootom of the page, whenever i click the datepicker input, the window is scrolled to top and datepicker is available at bottom.

    Please see the attached image file

  7. Stefan
    Admin
    Stefan avatar
    1838 posts

    Posted 08 May Link to this post

    Hello, Anshuman,

    Thank you for the picture.

    I noticed that the container is scrollable and I can assume that the Calendar has enough space to open in the container.

    In general, if an issue like this occurs, we can suggest placing the widget in its own container and to modify the current one.

    Also, from the picture, this seems like the React and the Angular components, and they are different from the jQuery once, please advise which is the used technology.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  8. Anshuman
    Anshuman avatar
    6 posts
    Member since:
    Nov 2015

    Posted 08 May Link to this post

    Hi Stefan,

    We are using Angular 5 and Kendo UI.

    The date Picker is at the bottom of the window, the scrollable container is browser scroll.

    Please suggest some ideas to overcome with this problem.

    Thanks,

    Anshuman

  9. Stefan
    Admin
    Stefan avatar
    1838 posts

    Posted 09 May Link to this post

    Hello, Anshuman,

    Thank you for the clarification.\

    As Kendo UI for Angular 2+ is a different product, I created a ticket for you and transfer it to my colleagues from the Angular team.

    They will review it, and provide further steps of actions.

    Thank you in advance for the patience.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 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