Hi Toko,
Greetings from Syncfusion support.
We would like to inform you that, our EJ2 DatePicker popup will be opened under the input component. If the space is not sufficient to show the popup, it will be displayed at the top of the input element. This is the default popup component behavior.
While checking the reported issue we suspect that this issue may be caused due to collision that occurs when the DatePicker popup is opened. But this issue is not reproduced at our end.
Please check the below sample which is same as per the provided screenshot.
So, we suggest you to change the popup position or offset width in the open event of the DatePicker component as mentioned below and confirm us whether the issue is resolved or not.
You can set the popup position X as” left” and Y as “top” in the open event else you can set the offsetX and offsetY position with number value as per your requirement to position the DatePicker popup.
|
onOpen(args) {
args.popup.position = { X: "left", Y: "top" }; // changing popup postion
} |
|
onOpen(args) {
args.popup.offsetX=500; // changing the popup position with set any number value
args.popup.offsetY=500;
} |
If issue persist, please provide the below details that will be help us to check and proceed further at our end.
· Have you rendered the DatePicker component inside Grid Dialog Template?
· Did you run the application in mobile mode?
· Have you done any CSS style changes for DatePicker component?’
· Are you facing this issue in the DatePicker component alone else all the popup components such as DropDownList, AutoComplete, TimePicker component… etc?
· Share issue reproducing sample or code example (if possible)
Regards,
Berly B.C
