1854484 - Consider refactoring how we style the shopping sidebar header

Status: RESOLVED INCOMPLETE

(Firefox Graveyard :: Shopping, task, P3)

Description

[kpatenio]

Bug 1851839 updates the shopping sidebar header to stick to the top of the sidebar whenever there's overflow. The way the header is styled could be improved in some areas:

1. Consider using isolation: isolate to address overlap with other sidebar components, especially those that are slotted in.
2. Improve how we render the box shadow whenever there's overflow. The patch for Bug 1851839 uses the scroll event to determine when to render the box shadow, but it may not be as performant as an intersection observer or pure CSS.
3. Explore not using shadow content and common css for styling (ex. the variable --shopping-header-background).

We might not need all changes; merely summarizing what was discussed in https://phabricator.services.mozilla.com/D188528.

Comment 1

[❌ PTO, back 8/31 ❌ Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Moving "fast follow" items to top-level in the shopping backlog. Apologies for bug spam

Comment 2

[David Lawrence [:dkl]]

This bug is being closed because we are closing the Bugzilla component.
If this still needs attention, please re-open and change component to
the appropriate component or "General".