Custom Dynamic List freezes after binding array and expanding rows to match length

Question

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? 140.0.7339.214（正式版本） (x8664) Reproducible demo link https://codesandbox.io/p/devbox/d27l6n Describe the bug I want to create a custom dynamic list component based on GrapesJS (with 3 rows by default). It can bind to an array variable and dynamically change the number of rows in the container according to the array length. Now I'm encountering a freeze issue. The reproduction steps are as follows: Cl...

GJS Helper · Accepted Answer

The freezing issue you're encountering with your custom Dynamic List component in GrapesJS is a classic example of an event feedback loop. It occurs because the event listener responsible for updating the row count is too broad, causing it to re-trigger itself in an infinite cycle. Root Cause Your editor.on('component:update:attributes', ...) listener is designed to react when any attribute of a component is updated. When you bind an array variable to your Dynamic List component, its DLATTRARRA...

Custom Dynamic List freezes after binding array and expanding rows to match length

Question

Answers (1)

Related Questions and Answers

Custom component styles are not applied after deletion and re-addition

ParseStyle is not a function

Closing `</script>` tag not escaped for script properties

Resizable Box Disappears on Component Reselection

Paid Plugins That Match This Issue

Browse Plugin Categories