Skip to content

Incorrect toggling of custom classes in accordions #1005

@AngeloKarugo

Description

@AngeloKarugo

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:

  1. Add an accordion component from the docs
  2. Set data-active-classes="foo bar foobar" and data-inactive-classes="foo bar barfoo" on the accordion container element
  3. Toggle the accordion
  4. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions