jquery-ui-month-picker icon indicating copy to clipboard operation
jquery-ui-month-picker copied to clipboard

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

Open kuldeepjambhulkar opened this issue 3 years ago • 3 comments

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

zoom 100% zoom 100%

zoom 110% zoom 110%

zoom 90% zoom 90%

kuldeepjambhulkar avatar Mar 01 '22 08:03 kuldeepjambhulkar

Hello,

Very interesting finding...

I tried this for myself and while changing the zoom does move the month picker if it is showing, it does not have any negative effects if the month picker is not showing. Additionally, if you simply close the month picker, and re-open it, it will be fixed. I will leave this open for now to see if anyone wants to address this issue. I may take a look at it once I get some free time.

KidSysco avatar Mar 01 '22 14:03 KidSysco

Hi, thank you for responding!

As you said, we can close & re-open the month picker & that fixes the issue, but thanks for keeping this issue open, so that others can also present their solutions 😀.

kuldeepjambhulkar avatar Mar 01 '22 14:03 kuldeepjambhulkar

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

and it worked! but I'm not sure if it's a legit solution or a hacky thing 😬.

kuldeepjambhulkar avatar Apr 01 '22 06:04 kuldeepjambhulkar