spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

[Bug]: tray has extra space on the sides in mobile

Open rickharris opened this issue 1 year ago • 0 comments
trafficstars

Code of conduct

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

Impacted component(s)

tray

Expected behavior

In Spectrum CSS, the tray in mobile goes edge to edge horizontally in the viewport

image

Actual behavior

In Spectrum Web Components, the tray has spacing on the sides of the tray

image

Screenshots

No response

What browsers are you seeing the problem in?

Firefox, Chrome, Safari, Microsoft Edge

How can we reproduce this issue?

  1. Load the tray story in any browser. If on a desktop browser resize to a mobile size or switch to a mobile viewport in dev tools.
  2. See horizontal spacing on either side of the tray component.

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

rickharris avatar Feb 22 '24 22:02 rickharris