Hi Nagendra,
Greetings from Syncfusion support.
We would like to inform you that, our EJ2 DropDownList popup will be opened under the input component. If the place is not enough to show the popup, then It will be displayed top of the input element. This is the default popup component behaviour.
While checking the reported issue we suspect that this issue may be caused due to any collision will be occurred when open the DropDownList popup. But this issue is not reproduced at our end.
So, we suggest you to change the popup position or offset width in the open event of the DropDownList 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 “bottom” in the open event else you can set the offsetX and offsetY position with number value as per your requirement to position the DropDownList popup.
|
onOpen(args) {
args.popup.position = { X: "left", Y: "bottom" }; // 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 DropDownList component inside Grid Dialog Template?
· Did you run the application in mobile mode?
· Have you done any CSS style changes for DropDownList component?’
· Are you facing this issue in the DropDownList component alone else all the popup components such as AutoComplete, TimePicker component… etc?
· Share issue reproducing sample or code example (if possible)
Regards,
Berly B.C
