How to prevent the _toggleResize when date picker opens

[Yajing]

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

 

[Yajing]

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?

[Stefan]

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

[Monisha]

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?

 

 

[Stefan]

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

[Anshuman]

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

[Stefan]

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

[Anshuman]

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

[Stefan]

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