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

Popup calendar not adjusting on mobile #48

Open
aminmc opened this issue Sep 1, 2020 · 3 comments
Open

Popup calendar not adjusting on mobile #48

aminmc opened this issue Sep 1, 2020 · 3 comments

Comments

@aminmc
Copy link

aminmc commented Sep 1, 2020

Hi there

I'm seeing the following when on a mobile view:
Screenshot 2020-09-01 at 08 14 22

Where the pop up calendar isn't scaled when on a mobile. Is there anything special i need to do?

The demo site works correctly...

Screenshot 2020-09-01 at 08 16 24

Any advice would be appreciated...thank you for this library..just what i was looking for.

@christian-predebon
Copy link

I ran into the same issue this morning and I can't find out where the problem is. Anyway while we're waiting from a response from @hernansartorio I share with you my temporary solution:

.nice-dates-popover {
  right: 10px;
  left: 10px;
  width: auto
}

Hope it helps

@aminmc
Copy link
Author

aminmc commented Sep 2, 2020

Thanks @kasugaicrow , I'll leave this issue open for @hernansartorio

vibin-230 pushed a commit to vibin-230/react-nice-dates that referenced this issue Feb 2, 2021
@tonychill
Copy link

Because of the absolute-ness of the DatePicker, you need to wrap it with a positioned div. <div style={{position: relative;}}>... worked for me.

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

3 participants