Текстовое поле не работает, пока не откроется журнал консоли - с помощью Adobe Animate

Question

У меня есть проблема в школьном проекте. Я разработал игру с программным обеспечением Adobe Animate (используя javascript). Кроме того, мой код вызова для сервера - C# проект, который я разработал с Visual Studio. в Animate у меня есть встроенное текстовое поле на сцене, поэтому текстовое поле появляется сразу. Моя проблема в том, что когда я запускаю свою серверную часть (которая включает HTML-страницу, которая вызывает мой анимированный код JS), текстовое поле отключается до нажатия F12 (открытие журнала консоли). Что я могу сделать, чтобы решить эту проблему? Я пытался использовать функцию ready (), но это не помогает, поскольку я создаю текстовое поле на сцене, а не с помощью кода. это то, что я пытался

   $(document).ready(function () {
   $("#gameCode_txt").hide();
  });
  $(document).ready(function () {
   $("#gameCode_txt").show();
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Моя серверная сторона вызывает init()

    function init() {
        $(document).ready(function () {
            canvas = document.getElementById("canvas");
            anim_container = document.getElementById("animation_container");
            dom_overlay_container = document.getElementById("dom_overlay_container");
            var comp = AdobeAn.getComposition("9C8E1A3B4C787C41B2190FD9E87DA9D6");
            var lib = comp.getLibrary();
            var loader = new createjs.LoadQueue(false);
            loader.installPlugin(createjs.Sound);
            loader.addEventListener("fileload", function (evt) { handleFileLoad(evt, comp) });
            loader.addEventListener("complete", function (evt) { handleComplete(evt, comp) });
            var lib = comp.getLibrary();
            loader.loadManifest(lib.properties.manifest);
        });

}

мое текстовое поле на сцене

Я надеюсь, что моя проблема ясна. Спасибо.