Open Bug 1875107 Opened 2 years ago Updated 2 years ago

Summary element focus styles in card-container look offset, go outside the bounds of the containing details element

Categories

(Firefox :: Firefox View, defect, P3)

defect

Tracking

()

People

(Reporter: hjones, Unassigned)

References

Details

(Whiteboard: [fidefe-firefox-view])

Attachments

(1 file)

Just a small visual nit, but I noticed that the focus outline for the <summary> element in the card used throughout Firefox View slightly exceeds the bounds of the containing <details> element. I noticed this on the "Open Tabs" view, but in theory this would happen anywhere we don't have a "Learn more" link next to the <summary>.

Playing around with this in JSFiddle it seems to be a somewhat surprising result of setting both width: 100% and display: inline-flex on the <summary> element: https://jsfiddle.net/hmjones/d08ytwhu/6/

Severity: -- → S4
Priority: -- → P3
Whiteboard: [fidefe-firefox-view]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: