From 1285af4326c536efbf2487b4945aee7304bba2c0 Mon Sep 17 00:00:00 2001
From: dshster <dsh-creative@yandex.ru>
Date: Mon, 13 Jan 2025 16:53:35 +0300
Subject: [PATCH] Fix condition preventing props.onFocus execution

---
 src/index.tsx                     |  8 ++++++--
 src/test/datepicker_test.test.tsx | 26 ++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index d9c41b260..8ea9ce071 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -515,9 +515,13 @@ export default class DatePicker extends Component<
       this.resetHiddenStatus();
     }
 
-    if (!this.state.preventFocus && isOpenAllowed) {
+    if (!this.state.preventFocus) {
       this.props.onFocus?.(event);
-      if (!this.props.preventOpenOnFocus && !this.props.readOnly) {
+      if (
+        isOpenAllowed &&
+        !this.props.preventOpenOnFocus &&
+        !this.props.readOnly
+      ) {
         this.setOpen(true);
       }
     }
diff --git a/src/test/datepicker_test.test.tsx b/src/test/datepicker_test.test.tsx
index 08d13f2b1..c8208647f 100644
--- a/src/test/datepicker_test.test.tsx
+++ b/src/test/datepicker_test.test.tsx
@@ -119,6 +119,32 @@ describe("DatePicker", () => {
     expect(container.querySelector(".react-datepicker")).toBeFalsy();
   });
 
+  it("should be executed props.onFocus on input focus when the document visibility changes", () => {
+    const onFocusSpy = jest.fn();
+
+    const { container } = render(<DatePicker onFocus={onFocusSpy} />);
+
+    const input = safeQuerySelector<HTMLInputElement>(container, "input");
+
+    fireEvent.focus(input);
+    expect(onFocusSpy).toHaveBeenCalled();
+
+    expect(container.querySelector(".react-datepicker")).toBeTruthy();
+    fireEvent.keyDown(input, getKey(KeyType.Escape));
+    fireEvent.blur(input);
+    expect(container.querySelector(".react-datepicker")).toBeFalsy();
+
+    hideDocument(input);
+    showDocument(input);
+
+    expect(onFocusSpy).toHaveBeenCalled();
+    expect(container.querySelector(".react-datepicker")).toBeFalsy();
+
+    fireEvent.click(input);
+    expect(onFocusSpy).toHaveBeenCalled();
+    expect(container.querySelector(".react-datepicker")).toBeTruthy();
+  });
+
   it("should show the calendar when focusing on the date input", () => {
     const { container } = render(<DatePicker />);