[Date Picker]: dropdown body remains active when scrolled out of view, leading to page crash

[NatalliaAlieva]

Steps to Reproduce

1. Open the Project Planning demo.
2. Adjust the column widths to a size that triggers the appearance of a horizontal scrollbar.
3. Open the Date Picker body by clicking on the date input field.
4. Scroll the page until the Date Picker input field is no longer visible on the screen.
5. Observe the behavior of the dropdown and the page

Actual result

The Date Picker dropdown only closes on a mouse-up event, which allows the dropdown to be scrolled off-screen while still active, resulting in a page crash.

Screen.Recording.2024-11-18.at.11.58.44.mov

Expected result

When scrolling the page, the Date Picker dropdown should automatically close once the date input field becomes no longer visible on the screen. This behavior should prevent any off-screen activity and avoid potential page crashes.

Environment

• UUI version: 5.11.0
• Browser name: any
• Operating System: any