Core component's Accordion and Carousel select panel not working after upgrade | Community
Skip to main content
Mohammed_Baseer
Mohammed_Baseer
Level 2
June 1, 2023
Solved

Core component's Accordion and Carousel select panel not working after upgrade

  • June 1, 2023
  • 1 reply
  • 1192 views

After upgrading core components from 2.20.6 to 2.22.10, core component's accordion and carousel select panel is breaking. 

 

It gives following console error when I click on select panel:

 

Uncaught Error: Syntax error, unrecognized expression: # [data-cmp-hook-accordion='item'][data-cmp-expanded] [data-cmp-hook-accordion='panel']

 

Is there any html/css I need to update to make this work? I don't find much information in release notes. It seems to start breaking exactly from intermediate version: 2.22.0

 

Any hints would be appreciated.

 

Thanks,

Baseer

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Mohammed_Baseer

Investigating further and compared our custom code with core component, found that parent div id was missing for accordion and carousel. Looks like earlier version was not making use of it.

 

Now the issue is resolved and panel select is working fine after adding following id attribute to accordion and carousel respectively:

id="${accordion.id}" id="${carousel.id}"

 

Regards,

Baseer

1 reply

Mohammed_Baseer
Mohammed_BaseerAuthorAccepted solution
Level 2
June 1, 2023

Investigating further and compared our custom code with core component, found that parent div id was missing for accordion and carousel. Looks like earlier version was not making use of it.

 

Now the issue is resolved and panel select is working fine after adding following id attribute to accordion and carousel respectively:

id="${accordion.id}" id="${carousel.id}"

 

Regards,

Baseer

    Terms & ConditionsAccessibility statement

    Loading footer...