search

arqex / react-datetime

A lightweight but complete datetime picker react component.
2k stars 870 forks source link

Datetime picker glitch in Safari #432

Open thsmrtone1 opened 7 years ago

thsmrtone1 commented 7 years ago

I'm Submitting a ...

[x] Bug report
[ ] Feature request
[ ] Support request

Steps to Reproduce

  1. Install/run react-datetime demo
  2. In Safari, click on Datetime input under 'Customization props' heading.

Actual Results

If clicking in whitespace area of input, picker appears as intended. If clicking on text inside input, picker appears but then immediately hides.

This issue appears to be specific to Safari. Works as intended in Firefox. Unknown if specific to Safari version noted below.

Other Information (e.g. stacktraces, related issues, suggestions how to fix)

Safari version 11.0 MacOS 10.12.6 react-datetime 2.10.2
bjbrewster commented 6 years ago

I can confirm this in Safari on MacOS 10.12.6. However, the problem only happens in the Demo app and not the CodePen example.

evansque commented 6 years ago

same thing on Safari 11.0 (12604.1.38.1.7)

SamBallantyne commented 6 years ago

Same issue, Safari 11.0 on macOS 10.13

dvdhoek commented 5 years ago

Any update on this? I'm still experiencing issues related to this bug.

arqex commented 5 years ago

Sorry for the delying on addressing this issue. Working in the v3 of the library at the moment, and there you shouldn't see the bug.

dvdhoek commented 5 years ago

Ok cool! There are a number of breaking changes I noticed, so I'll have to look into this. There is also another quite weird bug (I'm not sure if it's related to react-datetime. I've included a screenshot: https://prnt.sc/m7jzwg What do you think? It only happens in Safari as far as I'm aware of, using react-datime 2.14.0

dvdhoek commented 5 years ago

So this glitch is fixed in alpha.1 but it appears to be back in beta.2. Do you know what caused this issue? I can't really get anymore from the commits, but I'd like to help if you give me a pointer.