On mobile web, toasts render underneath the keyboard.

Provide a general summary of the issue here

If you trigger a toast while the keyboard is open, it renders underneath the keyboard. Depending on keyboard, it can be mostly obscured or completely out of the visible area.

Expected Behavior?

Toast should spawn above the keyboard.

Current Behavior

Toast renders under keyboard https://codesandbox.io/p/devbox/react-spectrum-playground-forked-8tjkw6 https://8tjkw6.csb.app/ Open this sandbox on a mobile device, then type in the textfield. Every change event triggers a new toast.

Possible Solution

No response

Context

No response

️ Steps to Reproduce

https://codesandbox.io/p/devbox/react-spectrum-playground-forked-8tjkw6

Version

3.46.1

What browsers are you seeing the problem on?

Firefox, Chrome, Safari

If other, please specify.

No response

What operating system are you using?

iOS, Android

Your Company/Team

Adobe/DC

Tracking Issue

No response