Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
kuldeepjambhulkar opened this issue Mar 1, 2022 · 3 comments

Comments

@kuldeepjambhulkar
Copy link

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%

@KidSysco
Copy link
Owner

KidSysco commented Mar 1, 2022

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.

@kuldeepjambhulkar
Copy link
Author

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
Copy link
Author

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 😬.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants