I'm using react hot toast to show form submit event payload checking on my website. When click the submit button in the form, I would like to show the error message with react hot toast.
Currently, the toaster container's style is set like this
The current behavior of my website is to focus on invalid input and show the toast message. However, when I used the website on Safari in iOS, the virtual keyboard open and the toast message was hided behind the virtual keyboard.
Is there any method to shrink the toast container division to the real viewport?
I'm using react hot toast to show form submit event payload checking on my website. When click the submit button in the form, I would like to show the error message with react hot toast.
Currently, the toaster container's style is set like this
The current behavior of my website is to focus on invalid input and show the toast message. However, when I used the website on Safari in iOS, the virtual keyboard open and the toast message was hided behind the virtual keyboard.
Is there any method to shrink the toast container division to the real viewport?