calcite-design-system icon indicating copy to clipboard operation
calcite-design-system copied to clipboard

Sticky List Item Group Header

Open am-maneaters opened this issue 2 years ago • 1 comments

Description

Add a prop to ListItemGroup called sticky which would make the ListItemGroup header stick to the top of the list. This would give users more context when they are looking at a list with many ListItems per group because it would make the GroupHeader persistent even when scrolling through many items.

Acceptance Criteria

ListItemGroup has a prop that allows users to designate it as sticky. Then when a user scrolls down in a list with groups, the header of the group will continue to display at the top.

Relevant Info

No response

Which Component

List/ListItemGroup

Example Use Case

https://mui.com/material-ui/react-list/#sticky-subheader

Esri team

Professional Services - Midwest Delivery Center

am-maneaters avatar Feb 14 '23 16:02 am-maneaters

I think this is a good suggestion but it should just be the default, non-configurable behavior.

macandcheese avatar Feb 14 '23 17:02 macandcheese

Do we think this behavior could also apply to Combobox Groups?

ashetland avatar Jun 10 '24 15:06 ashetland