flowbite icon indicating copy to clipboard operation
flowbite copied to clipboard

Incorrect toggling of custom classes in accordions

Open AngeloKarugo opened this issue 11 months ago • 0 comments

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.

AngeloKarugo avatar Dec 10 '24 05:12 AngeloKarugo