react-nice-dates icon indicating copy to clipboard operation
react-nice-dates copied to clipboard

Popup calendar not adjusting on mobile

Open aminmc opened this issue 4 years ago • 3 comments

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.

aminmc avatar Sep 01 '20 07:09 aminmc

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

christian-predebon avatar Sep 02 '20 08:09 christian-predebon

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

aminmc avatar Sep 02 '20 08:09 aminmc

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

tonychill avatar May 27 '21 00:05 tonychill