Description
Provide a general summary of the issue here
Date picker Popover isn't collapsing during click onside the popover when "isNonModal" is set to true
🤔 Expected Behavior?
Even when "isNonModal" is true, the Calendar Popover must close/collapse when the user clicks outside the calendar .
😯 Current Behavior
when "isNonModal" is true, the Calendar Popover isnt closing when the user clicks outside the calendar . Alternatively user has to scroll the page or select a date in order to collapse the popover.
In addtiion to this , even the function shouldCloseOnInteractOutside is also not getting triggered when the user click outside the calendar
💁 Possible Solution
Option1: Allow page scrolling when - isNonModal not set,
Option 2: if Option #1 is not feasible, calendar has to be collapsed when clicked outside the Calendar. and not during scroll ( when isNonModal is true)
Option 3: If Option #1 & #2 are not feasible then trigger shouldCloseOnInteractOutside when user clicks outside the calendare( when isNonModal is true)
🔦 Context
No response
🖥️ Steps to Reproduce
Try examples on https://react-spectrum.adobe.com/react-aria/DateField.html
Version
1.1.1
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
Mac
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response