[Bug]: No tray behavior with sp-action-menu on Android

### Code of conduct

- [X] I agree to follow this project's code of conduct.

### Impacted component(s)

Firefly

### Expected behavior

On Mobile, sp-action-menu is supposed to display its menu items within in tray from the bottom of the screen.

### Actual behavior

No tray, instead, sp-action-menu display its menu items within in popover style on Android as it does on desktop. This happens in Firefly web app in android. Encountered in Samsung s20+ and Samsung S21

### Screenshots

https://github.com/adobe/spectrum-web-components/assets/110904672/b698645e-80c7-472a-8255-bae1c23b9220

### What browsers are you seeing the problem in?

Chrome

### How can we reproduce this issue?

1. Go to https://firefly-stage.corp.adobe.com/upload/video-object-removal
2. Click on Upload video file
3. Upload a file and remove an object from it.
4. Now go back on Upload page again you must see this **Queue** As in screen recording.
5. Click on action-menu and see the behaviour.

Device:
Samsung Galaxy S20+ 5g
Chrome version - 124.0
Os - Android 13

Other way to reproduce, simply open this storybook on above device and click on action menu : https://studio.webcomponents.dev/edit/GnkodO5cuznEsnNm8DyF/src/index.ts?p=stories

**NOTE: The problem does not reproduce in Dev tools/emulators. It happens on actual devices.**

### Sample code that illustrates the problem

Story book which reflects problem- https://studio.webcomponents.dev/edit/GnkodO5cuznEsnNm8DyF/src/index.ts?p=stories

### Logs taken while reproducing problem

_No response_

Start with the linked Storybook story for sp-action-menu and reproduce it on a physical Samsung Android device, since the issue says emulators do not show the problem. Compare the Android result with the expected bottom tray and desktop popover behavior. Done means the action menu displays its items in a tray on Android devices without changing the intended desktop behavior.

Written by the indexing model from the issue text.