Assets Not Loading or Disorganized on Page Builder Pages with Interactivity API

[rohitp-bsf]

When using a page built with a page builder, the required assets (CSS, JS, etc.) are not loading automatically. However, explicitly enqueuing these assets for a specific page resolves the issue temporarily.

The issue worsens when interacting with the interactivity API, particularly when using the data-wp-router-region attribute. In such scenarios, the assets become disorganized, leading to inconsistencies or broken functionality.

Demo: https://bsf.d.pr/v/yv4ZUe

Additionally, JavaScript features relying on initial page load events, such as DOMContentLoaded or window.load, may fail to function automatically. This happens because these events have already occurred, leaving the newly added content unaware of them.

Do you have any recommended workarounds to address this issue?

Note: I am using the Interactivity API with "data-wp-router-region"