react-bootstrap-datetimepicker icon indicating copy to clipboard operation
react-bootstrap-datetimepicker copied to clipboard

Published 20 hours ago • verified publisher icon quri

Broken on iPhone 6, iOS8

Open sample-usr opened this issue 10 years ago • 5 comments

Hi, The datetimepicker isn't working correctly on iPhone6 with iOS8+ (at least that's what I tested it on). It's working fine on Android 5.0+. On the iPhone6 it shows up and you can select the date and time but it doesn't go away when you click somewhere else on the screen. Don't know if it's a problem with the CSS or something else.

sample-usr avatar Feb 26 '15 18:02 sample-usr

Anyone any ideas on this?

sample-usr avatar Mar 05 '15 09:03 sample-usr

Hey. I am having the same issue.. datepicker locks down iphone6 browser after popup and don't allow to do anything.. I must have to close entire browser to start things again.. Anyone have any idea? Further Note: I have replicate the same issue on simulator too. ios 6 and ios 7 works perfectly fine.

mansi-rezdy avatar Jul 03 '15 02:07 mansi-rezdy

@mansi-rezdy I never got around this issue, I made my own react component for my needs. Would still like to see it solved though.

sample-usr avatar Jul 08 '15 18:07 sample-usr

iOS does not fire click events for nodes unless they appear "clickable". I had two issues on iOS9; selecting the date in the datepicker and dismissing the datepicker when you click elsewhere.

A simple fix for both is to add "cursor: pointer". Adding "cursor: 'pointer'," to the renderOverlay function will solve your issue, though it is far from ideal. I'll be looking into this further in the next few days.

01taylop avatar Jul 10 '15 10:07 01taylop

@01taylop do you by any chance have a PR? This issue seems pretty important for iOS destined sites!!!

aantono avatar Dec 27 '15 04:12 aantono