Declined
Last Updated: 27 Apr 2021 07:42 by ADMIN
Andy
Created on: 26 Apr 2021 14:40
Category: KendoReact
Type: Bug Report
0
DateTimePicker opens offscreen

DateTimePicker opens above or below the link to open it, however when it's in the middle of a page, it will choose to open below and sometimes require scrolling to see all the buttons.

Would be better, if it were to open offscreen, it should be "pinned" to the bottom edge.  Same for right/left/top borders of the screen.

Certain containers also make it impossible to scroll down to see the buttons, so that creates a real problem. The above proposal would fix this.

 

 

using fairly vanilla implementation of the component:


<DateTimePicker
      defaultValue={new Date(ActivationDate.toString())}
      onChange={handleActivationChange}
      width={'8rem'}
 />

1 comment
ADMIN
Stefan
Posted on: 27 Apr 2021 07:42

Hello, Andy,

This occurs as the DateTimePicker has a logic to open top or bottom based on the available space. In cases where there is no space at the top and on the bottom it will behave like this, as there is just no space on the page for it.

Rendering it at the bottom of the page all visible will result in the Popup covering the input and other elements on the row which is not ideal. This is why its design is to open under or over the input without covering the input and the elements on that line.

I understand that this may not be ideal in all cases, but changing the behavior will cause a breaking change in the component and it will be fixing one case and breaking another.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.