-
Subject: Bug Report: Editor freezes when clicking on an Accordion block item
Hello,
I am writing to report a bug affecting the Accordion block in GenerateBlocks Pro within the WordPress block editor (Gutenberg).
—
**Environment**
– Plugin: GenerateBlocks Pro
– Block: Accordion Item (generateblocks-pro/accordion-item)
– Browser: Mozilla Firefox
– Context: WordPress admin editor (backend)
—
**Bug Description**
Clicking on an Accordion item block in the Gutenberg editor causes the page to freeze completely. Firefox reports an unresponsive script, indicating an infinite loop blocking the main thread.
—
**Root Cause Identified**
After analyzing the block’s source code (accordion-item), the issue originates from a MutationObserver that watches for class attribute changes on the accordion element. Its callback directly modifies CSS classes on the element and its siblings (adding/removing gb-block-is-current, data-accordion-is-open, gb-accordion__item-open). These DOM modifications in turn trigger the MutationObservers on sibling elements, creating a cascade of mutations that loops indefinitely.
—
**Steps to Reproduce**
1. Create a page with multiple nested Accordion blocks
2. Open the page in the Gutenberg editor
3. Click on any accordion item
4. → The page freezes—
Please let me know if you need any additional information.
Best regards
Jm Silone (french user) -
Hi there,
I can not replicate the issue using Firefox (v147.0.4).
Can you explain what you mean by “nested Accordion blocks”?
Or can you provide an admin login so we can see the issue?
-
Thank you for your quick response.
To clarify what I mean by “nested Accordion blocks”: I am referring to a standard Accordion structure where multiple Accordion Items are placed inside a single Accordion container block — not accordion blocks nested inside other accordion blocks. So the structure is simply:
Accordion (parent)
├── Accordion Item 1
├── Accordion Item 2
└── Accordion Item 3The freeze occurs when clicking on any of these Accordion Items in the Gutenberg editor.
-
I see, thanks for clarifying, in this case, no, I can not replicate the issue in Firefox browser.
Can I see the issue on your site?
-
Hi,
Thank you for following up.
I am happy to give you temporary admin access to investigate the issue directly on the site.
Could you please provide me with the email address you would like me to use to create the account? I will set it up as soon as I receive it.
Best regards
-
Hello.
Please use [email protected]
-
Hello,
I no longer have access to support, my license is not recognized,
even though I have a lifetime license for GP Premium and an annual license for GenerateBlock.I have created access to the site for you with an accordion issue.
You need to test the page with ID 34.
Thank you in advance, -
Can you please share the site URL and credentials in the private section of your reply?
-
Hi there,
Any news please ?
-
Hi there,
Can you reply to George’s last reply?
Can you please share the site URL and credentials in the private section of your reply?
-
I still have, on private section.
-
It’s not there. Please check.
-
Please see below in private section
Thnaks in advance,
-
Hi there,
I created a test page on your site and built the same accordion structure you described. After adding multiple accordion items, I didn’t encounter any freezing issues in the block editor.
I’ve recorded a short screen video here: https://cln.sh/DG8rmdXjBs3YG14MQlrd
-
Can you have a new try on post with ID 34 ?
Many thanks -
I cannot replicate this issue when editing the page with ID 34 in Firefox either.
Here’s a screen record:
https://app.screencast.com/5jvOYNG8ysVrd
- You must be logged in to reply to this topic.