search

quri / react-bootstrap-datetimepicker

[DEPRECATED] A react.js datetime picker for bootstrap
http://dev.quri.com/react-bootstrap-datetimepicker/
MIT License
365 stars 292 forks source link

Broken on iPhone 6, iOS8 #16

Open sample-usr opened 9 years ago

sample-usr commented 9 years ago

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 commented 9 years ago

Anyone any ideas on this?

mansi-rezdy commented 9 years ago

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.

sample-usr commented 9 years ago

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

01taylop commented 9 years ago

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.

aantono commented 8 years ago

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