1856714 - Fix focus behaviour and styles for dropdowns on the shopping sidebar

Status: RESOLVED DUPLICATE of bug 1858374

(Firefox Graveyard :: Shopping, defect, P2)

Description

[Emily McMinn :emcminn]

Focus indication for Settings V and other disclosures (How we determine... V incl.) is not as expected - both the placement of the outline and the color:

• it's ButtonText and outlines the whole row, while it's expected to add CanvasText outline to the chevron only since this is the element styled as a control in HCM - refer to the Acorns > Buttons > States > (HCM), State = Focus examples
• Or the entire Settings V control could be made look like a dropdown button - refer to the HCM Components reference in Figma (NDA'ed link) for an example.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:jhirsch, could you have a look please?

For more information, please visit BugBot documentation.

Comment 2

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

adjusting the shopping bug tree