Only re-render custom HTML when it’s been changed

Author: OpenHypervideo

src/player/types/ContentView/type.js

@@ -236,11 +236,22 @@ FrameTrail.defineType(
 
                             self._clearContentCollection();
 
+                            var _cvContents = self.contentViewContainer.querySelector('.contentViewContents');
+                            var existingContainer = _cvContents.querySelector('.customhtmlContainer');
+
+                            // Skip rebuild if the source HTML hasn't changed since last render.
+                            // This preserves DOM elements dynamically created by onReady/custom scripts.
+                            if (existingContainer && self._lastCustomHTML === self.contentViewData.html) {
+                                break;
+                            }
+
+                            var htmlChanged = (self._lastCustomHTML !== undefined && self._lastCustomHTML !== self.contentViewData.html);
+                            self._lastCustomHTML = self.contentViewData.html;
+
                             var customhtmlContainer = document.createElement('div');
                             customhtmlContainer.className = 'customhtmlContainer';
                             customhtmlContainer.innerHTML = self.contentViewData.html;
 
-                            var _cvContents = self.contentViewContainer.querySelector('.contentViewContents');
                             _cvContents.innerHTML = '';
                             _cvContents.appendChild(customhtmlContainer);
 
@@ -250,6 +261,19 @@ FrameTrail.defineType(
                                 }
                             });
 
+                            // Re-fire onReady when HTML source changed so dynamic content is recreated
+                            if (htmlChanged) {
+                                var HypervideoModel = FrameTrail.module('HypervideoModel');
+                                if (HypervideoModel.events.onReady) {
+                                    try {
+                                        var readyEvent = new Function('FrameTrail', 'hypervideo', HypervideoModel.events.onReady);
+                                        readyEvent(FrameTrail, FrameTrail.module('HypervideoController'));
+                                    } catch (e) {
+                                        console.warn('onReady handler error after CustomHTML update: ' + e.message);
+                                    }
+                                }
+                            }
+
                             break;
 
                         case 'Transcript':