spectrum-web-components
spectrum-web-components copied to clipboard
[Bug]: tray has extra space on the sides in mobile
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
Actual behavior
In Spectrum Web Components, the tray has spacing on the sides of the tray
Screenshots
No response
What browsers are you seeing the problem in?
Firefox, Chrome, Safari, Microsoft Edge
How can we reproduce this issue?
- 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.
- 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