Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Overlapping placement of dropdown arrows in DateRangePicker3 when only showing one month from min and max date #6876

Open
evansjohnson opened this issue Jun 27, 2024 · 0 comments

Comments

@evansjohnson
Copy link
Contributor

Overlapping placement of dropdown arrows:
Screenshot 2024-06-27 at 11 08 20 AM

Steps to reproduce

https://blueprintjs.com/docs/#datetime2/date-range-picker3

  • set min date and max date such that only one month is showing (may not always be possible with default options offered, I was able to do with min of 1 week ago and max of today but this won't work at the start of a month)
  • see overlap behavior

Actual behavior

Dropdown does not render correctly

Expected behavior

Arrows should not overlap

Possible solution

I suspect this is related to messing with the flex-direction which is also an issue at #6034 (comment) - could look to add these features to the underlying library to avoid hacking the CSS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant