DataTable filterDisplay lose focus: DataTable filterDisplay="menu" modal lose onFocus status as soon as you type something

Describe the bug

https://codesandbox.io/p/sandbox/primereact-demo-reproduce-problem-forked-xdl56w?file=%2Fsrc%2FApp.tsx

DataTable filterDisplay loses focus: DataTable filterDisplay="menu" modal looses onFocus status as soon as you type something.

This happen specifically when a Table starts after some content on top as per my example. I tried scrolling into top view when we click the input element but it keep losing focus.

Go to codesandbox link example from your mobile device
https://xdl56w.csb.app/

(Not the chrome inspector) because the error happens when we have any sort of keyboard.
Press any menu that has text input.

https://github.com/primefaces/primereact/assets/151073541/1d764cee-0e0e-4aa3-8035-eb760bef1587

Reproducer

https://codesandbox.io/p/sandbox/primereact-demo-reproduce-problem-forked-xdl56w?file=%2Fsrc%2FApp.tsx

PrimeReact version

10.2.1

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

Non specific (Happens in all browsers)

Steps to reproduce the behavior

Go to codesandbox link from your mobile device
https://xdl56w.csb.app/
(Not the chrome inspector) because the error happens when we have any sort of keyboard.
Press any menu that has text input.

Expected behavior

The modal shouldn't close on text input change

Start with the linked CodeSandbox reproduction and its /src/App.tsx on a mobile device, then open a DataTable filter menu containing a text input. Confirm the focus loss while typing and use the expected behavior as the completion check: the modal remains open and the input retains focus when its text changes.