Skip to content

Nested List Items no longer correctly align #8667

@ashetland

Description

@ashetland

Check existing issues

Actual Behavior

When any items are nested in a List, space for the expand affordance is not accounted for in all items, breaking nested alignment.
CleanShot 2024-01-29 at 16 03 58@2x

Expected Behavior

When nested items are present in a List, the space for the expand affordance is accounted for in all items to maintain proper alignment.
CleanShot 2024-01-29 at 16 03 36@2x

Reproduction Sample

https://codepen.io/ashetland/pen/VwRyOQa?editors=1000

Reproduction Steps

Expand the second item and note the alignment of the children as well as the item at the top that has no children.

Reproduction Version

v2.3.0

Relevant Info

No response

Regression?

v2.1.0

Priority impact

p3 - want for upcoming milestone

Impact

No response

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-angular
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

Metadata

Metadata

Labels

4 - verifiedIssues that have been tested, confirmed as mitigated, and are ready to close.Calcite (design)Issues logged by Calcite designers.bugBug reports for broken functionality. Issues should include a reproduction of the bug.c-listIssues that pertain to the calcite-list componentcalcite-componentsIssues specific to the @esri/calcite-components package.designIssues that need design consultation prior to, or during, development.estimate - 3A day or two of work, likely requires updates to tests.p - highIssue should be addressed in the current milestone, impacts component or core functionalityready for devIssues ready for development implementation.visual changesIssues with visual changes that are added for consistency, but are not backwards compatible.

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions