arqex / arqex/react-datetime

Datetime picker glitch in Safari

Open
#432 7 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
2k
Forks
858
PR merge metrics
No merged PRs in 30d

Description

### 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

Contributor guide

Open the contributing guide

Research direction

Run the react-datetime demo and reproduce the problem in Safari 11.0 by clicking text and whitespace in the Datetime input under “Customization props”; compare the behavior with Firefox. Done means clicking either area opens the picker and it remains visible, without changing the reported behavior in Firefox.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.