arqex / arqex/react-datetime

react-datetime renders too much html elements without a reason

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

Description

### I'm Submitting a ...

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

### Steps to Reproduce

If the datepicker is loaded into the DOM, it already exists out of more than 70 DOM-nodes. Therefor if a lot of datepickers are rendered on screen, the UI becomes very laggy.
### Expected Results

These DOM-nodes should only be rendered when the datepicker is open.
### Actual Results

Only render the datepicker when it is open.

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

/

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue with multiple datepickers and inspect the datepicker rendering path described in the report. Done means a closed datepicker does not render its calendar elements into the DOM, while opening it still works and multiple datepickers no longer make the UI laggy.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.