Dynamic Rendering of content area breaks the embed

[thecashbag]

I have a modal that is dynamically rendered. I’m doing this because my page has many buttons (toggles) for the modal page and I don’t want to load multiple versions of the same thing, slowing down the page load.

When the modal is loaded it shows a chat box, and it works great.

But when I close the modal and re-open it only the first line is shown. It breaks the embeded chatbox modal content.

This only happens when I have the Dynamic Rendering option selected for the content area. When that is unchecked the embedded content (the chatbox) works fine.

Why is it doing this and how do I stop it?

See a live version here by clicking the “test chatbox” button: https://www.killthebill.com.au/

[christian]

Hey @thecashbag,

The Dynamic Rendering option removes the content of the modal upon closing. That feature was mainly introduced to stop a video from playing after you close the modal.

@christian_y

Adding Javascript when Dynamic Rendering is enabled is not appropriate though as you’re putting script tags inside script tags so even if my test JS code runs after the toggle is clicked, it might just be a quirk.

If you don’t use script tags, the JS code will run on page load and break or display the code after you click the toggle.

There’s no solution to this other than not using Dynamic Rendering for your chat box.

Hope that helps.