Visual Builder Performance Issues: Slow Element Focus and Delayed Preview Updates

[thaophamvan]

When I reload Visual Builder in preview mode, selecting an element is very slow and unresponsive. For example, when I click a Heading element, it often becomes stuck and only selects the parent Section instead. I usually have to wait a long time and click multiple times before the Heading element finally receives focus and is highlighted in the Outline panel.

In addition, when I edit the text of a Heading element, the iframe fully reloads on the first change. Subsequent edits update the preview panel without a full reload, but the updates are still noticeably slow.

Overall, the Visual Builder experience feels quite laggy and frustrating. It is not as smooth or responsive as the experience provided by the remkoj/optimizely-cms-nextjs SDK.

[GiangNT95]

Can you show me your code(ComponentWrapper) of HeroBanner section in the template ?
Or Please check the ComponentWrapper in your template, if any element type returns <>{children}</> without wrapping with {...pa(node)}, the CMS won't be able to target that element and will fall back to the parent Section. Make sure all element types have data-epi-block-id:

// Missing preview attribute
return <>{children}</>;

// With preview attribute
return <div {...pa(node)}>{children};