I have a Morse Code website that converts text into Morse code and decodes Morse messages in real time using JavaScript. I am experimenting with displaying this website inside an Unreal Engine application using the built-in Web Browser widget. The website loads successfully, but the real-time translation does not always update correctly after the initial page load. Sometimes the interface appears responsive, while other times the translated output remains unchanged until the page is manually refreshed. I am trying to determine whether this is related to the embedded browser, JavaScript execution, or my implementation.
The translator relies heavily on JavaScript event listeners that respond instantly whenever the user types into the input field. In a normal desktop browser, these events fire consistently and the output updates immediately without any noticeable delay. Inside the Unreal Engine Web Browser widget, however, there are situations where keyboard input is detected but the translation logic seems to stop responding after several interactions. I have verified that no JavaScript errors are reported by the application itself, making the behavior difficult to diagnose.
To investigate further, I simplified the website by removing animations, minimizing external dependencies, and reducing the amount of JavaScript executed during each translation. These changes improved the initial loading time but did not resolve the inconsistent real-time updates within the embedded browser. Since the exact same files work correctly in Chrome, Firefox, and Edge, I suspect there may be compatibility differences between the browser component used by Unreal Engine and modern standalone browsers.
Another observation is that refreshing the embedded browser immediately restores the translator’s functionality, but only temporarily. After a period of interaction, the issue gradually returns, suggesting that the JavaScript execution context or event handling may be affected over time. Because the website is entirely client-side and does not depend on a backend service for translations, I expected identical behavior regardless of where it was rendered. I am unsure whether additional configuration inside Unreal Engine is required to maintain reliable browser execution.
I have also tested different input methods, including keyboard typing, copy-and-paste operations, and virtual keyboard input, but the behavior remains inconsistent inside the embedded browser. Browser caching and asset loading do not appear to be contributing factors, as all required files load successfully over HTTPS. The issue seems isolated to maintaining continuous JavaScript responsiveness after the page has been running for some time.
Has anyone experienced similar behavior when embedding JavaScript-heavy web applications inside Unreal Engine’s Web Browser widget? I would appreciate recommendations on debugging techniques, browser compatibility limitations, or configuration changes that could improve JavaScript event handling and ensure consistent real-time updates. If there are known limitations of the embedded browser component or best practices for integrating interactive web applications, I would be grateful for any guidance. Sorry for long post!