Description
Code of conduct
- 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
Screen_Recording_20240514_212239_Chrome.mp4
What browsers are you seeing the problem in?
Chrome
How can we reproduce this issue?
- Go to https://firefly-stage.corp.adobe.com/upload/video-object-removal
- Click on Upload video file
- Upload a file and remove an object from it.
- Now go back on Upload page again you must see this Queue As in screen recording.
- 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