question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

DayPicker height incorrectly set if element is hidden when rendered

See original GitHub issue

I’m using DateRangePicker, and the container I rendered it in had display:none initially. This meant that when adjustDayPickerHeight() was called, the calculated height was very small. When the container was then shown, the day picker retained this initial height and didn’t function correctly.

For now I’ve just made the component render when the container is shown, but it’d be good if this workaround wasn’t necessary 😃

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:14 (2 by maintainers)

github_iconTop GitHub Comments

5reactions
euvlcommented, Dec 15, 2017

Hey, I am getting the same issue in “15.5.1”:

kapture 2017-12-15 at 11 37 26

2reactions
jul-shcommented, May 7, 2018

👆 same

Read more comments on GitHub >

github_iconTop Results From Across the Web

DayPicker height incorrectly set if element is hidden ... - GitHub
I'm using DateRangePicker, and the container I rendered it in had display:none initially. This meant that when adjustDayPickerHeight() was ...
Read more >
React Date Picker is Being Hidden Behind Overflow Parent ...
I have made my menu item the react datepicker input field. The issue is that my input field is the anchor for the...
Read more >
Have a problem while making hidden <Div> element visible using ...
So what I do is, I hide the div element initially in CSS and make it visible ... <div style="height: 223px; width: 219px;...
Read more >
LWC Datepicker in modal not displaying correctly
I've set the overflow: hidden; on the input element, and it solved the issue.
Read more >
React custom datepicker: Step-by-step - LogRocket Blog
Set up a robust and attractive datepicker in React that acts as an alternative to the native HTML5 datepicker input element.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found