Update packages/react/src/ActionList/Group.tsx

langermank · web-flow · commit 1b8b96ed7822 · 2024-12-10T14:16:13.000-08:00
diff --git a/packages/react/src/ActionList/Group.tsx b/packages/react/src/ActionList/Group.tsx
@@ -97,7 +97,7 @@ export const Group: React.FC<React.PropsWithChildren<ActionListGroupProps>> = ({
           // because the heading is hidden from the accessibility tree and only used for presentation role.
           // We will instead use aria-label to label the list. See a line below.
           aria-labelledby={listRole ? undefined : groupHeadingId}
-          aria-label={listRole ? title ?? (slots.groupHeading?.props.children as string) : undefined}
+          aria-label={listRole ? (title ?? (slots.groupHeading?.props.children as string)) : undefined}
           role={role || (listRole && 'group')}
         >
           {slots.groupHeading ? childrenWithoutSlots : props.children}

Original file line number	Diff line number	Diff line change
`@@ -97,7 +97,7 @@ export const Group: React.FC<React.PropsWithChildren<ActionListGroupProps>> = ({`
`97`	`97`	`// because the heading is hidden from the accessibility tree and only used for presentation role.`
`98`	`98`	`// We will instead use aria-label to label the list. See a line below.`
`99`	`99`	`aria-labelledby={listRole ? undefined : groupHeadingId}`
`100`		`- aria-label={listRole ? title ?? (slots.groupHeading?.props.children as string) : undefined}`
	`100`	`+ aria-label={listRole ? (title ?? (slots.groupHeading?.props.children as string)) : undefined}`
`101`	`101`	`role={role \|\| (listRole && 'group')}`
`102`	`102`	`>`
`103`	`103`	`{slots.groupHeading ? childrenWithoutSlots : props.children}`