Skip to content

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

Open
@jaya-Adobe

Description

@jaya-Adobe

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?

  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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions