'jQuery Month picker dropdown dialog misaligned when zoomed in or zoomed out a webpage (refer the 3 images given)

Observe these three images.

zoom 100% zoom 100%

zoom 110% zoom 110%

zoom 90% zoom 90%

you can see it live here, just open any monthpicker dialog & perfrom zoom-in zoom-out.

My question is, what can we do, so that the monthpicker dialog will always stay attached to the input feild.



Solution 1:[1]

On this line

Changed

_menu.appendTo( isInline ? _el : document.body );

to

_menu.appendTo( isInline ? document.body : _el.parent());

and it worked!

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 DeepDev