Accordion collapsed state wrong

Topic: Accordion collapsed state wrong

btlevie asked 4 months ago

Expected behavior The accordion button should show the default text color and a down chevron on the collapsed state.

Actual behavior When my accordion is collapsed, the chevron is pointing up and the text color is the primary color.

Resources (screenshots, code snippets etc.) My version is MDB5 1.3.0 which isn't listed on the drop down.

<MDBAccordion v-model="activeFaq" flush stayOpen>
    v-for="(faq, index) in faqs"
    :key="'faq-' + index"
    :collapseId="'faq-' + index"
    <p class="text-start">{{ faq.answer }}</p>
    <ul v-if="faq.list">
      <li v-for="li in faq.list" :key="li" class="text-start">{{ li }}</li>

collapsed state

expanded state

Marcin Luczak staff answered 4 months ago


Thank you for your report, it seems like the component's chevron is not working properly. I've created a proper fix request and we will try to take care of that as soon as possible.

@edit: For element colors, please see accordion documentation for MDBAccordion and MDBAccordionItem classes properties that serves for custom styling of the accordion elements.

Keep coding, Marcin

Please insert min. 20 characters.


Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB5 1.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No