Merge pull request #142 from stanislavgeorgiev/master

Fix Accordion item doesn't expand on `expanded="true"` #139
carbon-design-system · Oct 2, 2018 · 7cdf84a · 7cdf84a
2 parents 50f14f0 + 88745d5
commit 7cdf84a
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/accordion/accordion-item.component.ts b/src/accordion/accordion-item.component.ts
@@ -29,17 +29,17 @@ import {
 	`
 })
 export class AccordionItem {
-	static accodionItemCount = 0;
-	@Input() title = `Title ${AccordionItem.accodionItemCount}`;
-	@HostBinding("class.bx--accordion__item--active") @Input() expanded = false;
-	@Input() id = `accordion-item-${AccordionItem.accodionItemCount}`;
+	static accordionItemCount = 0;
+	@Input() title = `Title ${AccordionItem.accordionItemCount}`;
+	@Input() id = `accordion-item-${AccordionItem.accordionItemCount}`;
 	@Output() selected = new EventEmitter();
 
-	@HostBinding("class") itemClass = "bx--accordion__item";
+	@HostBinding("class.bx--accordion__item") itemClass = true;
+	@HostBinding("class.bx--accordion__item--active") @Input() expanded = false;
 	@HostBinding("style.display") @HostBinding("attr.role") itemType = "list-item";
 
 	constructor() {
-		AccordionItem.accodionItemCount++;
+		AccordionItem.accordionItemCount++;
 	}
 
 	public toggleExpanded() {