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.

Calendar menu being cutoff

See original GitHub issue

Hello @wojtekmaj,

and thanks for the awesome component. I’d like to have some advice on how to deal with component positioning.

If I set <DateRangePicker /> positiong: relative the calendar menu is going to be cut off. Please consider that I set overflow-x: auto in the parent div. Here’s a sample picture: 01

If instead I set <DateRangePicker /> positiong: absolute the calendar menu is going to positioned correctly above all the other DOM elements but sadly the input won’t move while scrolling with the mouse. Here’s another sample picture: 02

Any help appreciated. Thanks

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
dvolp91commented, Jun 21, 2022

Hello @wojtekmaj could you please make a tagged realease for this feature? thanks in advance.

1reaction
wojtekmajcommented, Mar 21, 2022

Just a heads up: in ce9385cbec5a344045cb630c50330af43795575b, support for portalContainer prop was added, which makes it possible to render Calendar using a Portal.

Read more comments on GitHub >

github_iconTop Results From Across the Web

why can't I see the full calendar? The bottom is cut off
The bottom of the calendar is abruptly cut off. Really poor design! Anything happening betweem 11pm and midnight is pretty much out of...
Read more >
Month view top row popups being cutoff - - The Events Calendar
In my month view, the top row of events is being truncated. Not sure if this is a theme issue or plugin issue,...
Read more >
What is a cut-off? | Records Management Services - UW Finance
Cut-offs are intended to line up with the way the records are typically organized (e.g. by fiscal, calendar, or academic year). For example,...
Read more >
Fix data that is cut off in cells - Microsoft Support
Fix data that is cut off in cells by having the text wrap automatically, changing the ... On the Horizontal pop-up menu, click...
Read more >
Washington State Legislature 2022 Session Cutoff Calendar
January 10, 2022, First Day of Session. February 3, 2022, Last day to read in committee reports (pass bills out of committee and...
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