When an accordion item is expanded, classes in data-active-classes are removed if they are also present in data-inactive-classes. This is a problem when you want the same classes applied for both when the accordion is open & and when it's closed.
Steps to reproduce:
- Add an accordion component from the docs
- Set
data-active-classes="foo bar foobar" and data-inactive-classes="foo bar barfoo" on the accordion container element
- Toggle the accordion
- Classes
foo and bar are removed from the accordion toggle
Expected behavior
All classes in data-active-classes should be present when the accordion is open and all classes in data-inactive-classes should be present when the accordion is closed.
When an accordion item is expanded, classes in
data-active-classesare removed if they are also present indata-inactive-classes. This is a problem when you want the same classes applied for both when the accordion is open & and when it's closed.Steps to reproduce:
data-active-classes="foo bar foobar"anddata-inactive-classes="foo bar barfoo"on the accordion container elementfooandbarare removed from the accordion toggleExpected behavior
All classes in
data-active-classesshould be present when the accordion is open and all classes indata-inactive-classesshould be present when the accordion is closed.