Skip to content

Commit 233c2a1

Browse files
fix(list): fill the width under justify-self: start parents (rich-text)
nldd-list is display:block, which fills in normal flow but shrinkwraps under a justify-self: start grid/flex parent — notably nldd-rich-text, which gives non-text children justify-self: start and expects width:100% children to fill the span. Embedded lists (e.g. doc feature cards) collapsed to their content width. Add width:100% to the host so the list fills its column there too. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 parent 3da1d7d commit 233c2a1

1 file changed

Lines changed: 3 additions & 0 deletions

File tree

src/components/lists-and-tables/list/list.styles.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,9 @@ export const listStyles = css`
1515
1616
display: block;
1717
position: relative;
18+
/* Fill the parent even under a justify-self: start grid/flex parent
19+
(e.g. nldd-rich-text), where display:block alone shrinkwraps the list. */
20+
width: 100%;
1821
isolation: isolate;
1922
}
2023

0 commit comments

Comments
 (0)