jqxDateTimeInput dropdown position issue

[vijay.vanechaParticipant]

Hi,

When i am using jqxDateTimeInput with below settings, Dropdown position is far away from input.

<jqxDateTimeInput [theme]="'material'" [width]="250" [height]="30" [formatString]="'T'"
[showTimeButton]="true" [showCalendarButton]="false" [enableBrowserBoundsDetection]="true">
</jqxDateTimeInput>

Please let me know if there is any solution for that.

Here is Example. You can see jqxDateTimeInput at bottom left.

Thanks,
Vijay

[MartinParticipant]

Hello Vijay,

This happens because you are using displax: flex for positioning the datetimeinput while the dropdown has display block.
What you could do is to use css for setting the element’s top property. You can select the element using body > div:last-child selector.

I have updated your Example.

Best Regards,
Martin

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts