Skip to content

Commit 927ad95

Browse files
committed
fix: remove accordion item flickering
Signed-off-by: Akshat Patel <[email protected]>
1 parent 75543ad commit 927ad95

File tree

1 file changed

+9
-7
lines changed

1 file changed

+9
-7
lines changed

src/accordion/accordion-item.component.ts

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -31,13 +31,15 @@ import {
3131
[ngTemplateOutletContext]="context">
3232
</ng-template>
3333
</button>
34-
<div [id]="id" class="cds--accordion__content">
35-
<ng-content *ngIf="!skeleton; else skeletonTemplate"></ng-content>
36-
<ng-template #skeletonTemplate>
37-
<p class="cds--skeleton__text" style="width: 90%"></p>
38-
<p class="cds--skeleton__text" style="width: 80%"></p>
39-
<p class="cds--skeleton__text" style="width: 95%"></p>
40-
</ng-template>
34+
<div class="cds--accordion__wrapper">
35+
<div [id]="id" class="cds--accordion__content">
36+
<ng-content *ngIf="!skeleton; else skeletonTemplate"></ng-content>
37+
<ng-template #skeletonTemplate>
38+
<p class="cds--skeleton__text" style="width: 90%"></p>
39+
<p class="cds--skeleton__text" style="width: 80%"></p>
40+
<p class="cds--skeleton__text" style="width: 95%"></p>
41+
</ng-template>
42+
</div>
4143
</div>
4244
`,
4345
styles: [`

0 commit comments

Comments
 (0)