fix: set id to popover content and aria-live attribute (#3110)

Akshat55 · web-flow · commit a6ec36952634 · 2025-02-18T18:57:58.000-05:00
Signed-off-by: Akshat Patel &lt;38994122+Akshat55@users.noreply.github.com&gt;
diff --git a/src/toggletip/toggletip.component.ts b/src/toggletip/toggletip.component.ts
@@ -30,7 +30,7 @@ import { ToggletipButton } from "./toggletip-button.directive";
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	template: `
 		<ng-content select="[cdsToggletipButton]"></ng-content>
-		<cds-popover-content>
+		<cds-popover-content [attr.id]="id" aria-live="polite">
 			<ng-content select="[cdsToggletipContent]"></ng-content>
 		</cds-popover-content>
 	`

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ import { ToggletipButton } from "./toggletip-button.directive";`
`30`	`30`	`changeDetection: ChangeDetectionStrategy.OnPush,`
`31`	`31`	template: `
`32`	`32`	`<ng-content select="[cdsToggletipButton]"></ng-content>`
`33`		`- <cds-popover-content>`
	`33`	`+ <cds-popover-content [attr.id]="id" aria-live="polite">`
`34`	`34`	`<ng-content select="[cdsToggletipContent]"></ng-content>`
`35`	`35`	`</cds-popover-content>`
`36`	`36`	`