Safari browser have issue on iphone while keyboard opens

I have created a chat application in React js, the input field is at the bottom of the screen. screen size has been fixed and all the CSS properties applied to it but there is an issue. when the input field got focused and the keyboard opens, we can drag the input to the upward and a blank area comes at the bottom. This makes very bad behavior also I have tested this thing on many other sites the same thing occurs, on sites are ChatGPT, OLX, daraz.pk, and many others. It appeals to the Safari team please fix this issue all browsers do not have this issue only Safari has and it makes very bad behavior. when the keyboard opens please don't extends the bottom height Thank you in advance