How can I start the scroll of an input container for a certain height when the keyboard is ON/input focused on the Safari browser only?

Help me scroll of an input container for a certain height when the keyboard is ON/input focused on the Safari browser only?

To scroll an input container to a certain height when the keyboard is on and the input is focused in Safari, you can follow these steps:

Detect Input Focus: Listen for the focus event on the input element to detect when it gains focus.

Calculate Scroll Position: Calculate the desired scroll position based on the input container's height and the keyboard height.

Scroll the Container: Use JavaScript to scroll the input container to the calculated position.

Steps in Words Detect Input Focus: Add an event listener to the input element to detect when it gains focus.

Calculate Scroll Position: Determine the height of the input container and the height of the keyboard. Calculate the scroll position needed to ensure the input is visible.

Scroll the Container: Use JavaScript to scroll the input container to the calculated position.