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

DateInput popover doesn't close onBlur #248

Open
1 of 3 tasks
Bliqui opened this issue Jul 23, 2024 · 3 comments
Open
1 of 3 tasks

DateInput popover doesn't close onBlur #248

Bliqui opened this issue Jul 23, 2024 · 3 comments

Comments

@Bliqui
Copy link
Contributor

Bliqui commented Jul 23, 2024

Description

When the datePicker popup opens, sometimes it's impossible to close it by clicking outside. It works fine on the documentation page, but not locally/in CodeSandbox.
Also Vite hot reload helps locally, even adding a random "//" comment fixes the issue

Link to Reproduction

Link

Steps to reproduce

  1. Do the minimal Saas UI setup
  2. Render the DateInput component

Saas UI Version

2.8.8 (0.12.39 for datepickers)

Chakra UI Version

2.8.2

Browser

Chrome, Version 126.0.6478.183

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

No response

Copy link

linear bot commented Jul 23, 2024

@Pagebakers
Copy link
Contributor

For some reason the DateInput receives focus when clicking the parent div, and then is blocking the close event for the dialog.

@Pagebakers
Copy link
Contributor

Pagebakers commented Sep 6, 2024

I'm not sure yet how to solve this one, you can see this behavior also in the react aria date picker docs:
https://react-spectrum.adobe.com/react-aria/DatePicker.html

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

No branches or pull requests

2 participants