'Image path URL not Rending right in google apps script

enter image description hereI am trying to build an web app using apps script it was working well till yesterday but I don't know why my password recovery pages not rendering right. the image URL path getting mess, including googlescriptappconsle link automatically.

I am getting this error:

  • Unsafe attempt to initiate navigation for frame with origin
'https://script.google.com' from frame with URL
'https://n-hkpdnu3lqaw4tsnsfwzli6eib5wsy4yfjucqesi-0lu-script.googleusercontent.com/userCodeAppPanel'.
The frame attempting navigation must be same-origin with the target
if navigating to a javascript: url

I tried to debug and checked the script a lot but not found any error in that. don't know why this msg is showing and how to fix this.

forget Password? link at login.

<a href="javascript:void(0)" onclick="recoveryScreen()">Forget Password</a>

JavaScript.

function recoveryScreen() {
  return document.getElementById('root').innerHTML = `
         <div class="container">
         <div class="row">
             <div class="col d-flex justify-content-center">
             <img src="https://img.freepik.com/free-vector/authentication-concept-illustration_114360-1640.jpg?t=st=1650012022~exp=1650012622~hmac=0b7d5c7400d49f971b6c626c09516602556c052642171457305bfaf5c17e2461&w=740" alt="">
            </div>
        </div>
      </div>   
         <div class="container">
             <div class="row d-flex justify-content-center">
                 <div class="col-lg-6 d-flex flex-column justify-content-center align-item-center recoveryInput">
                     <p class="text-center hide">For update your password please provide your email address here.</p>
                     <input type="text" placeholder="Email Address" id="email" class="hide">
                     <button type="button" onclick="sendRecoveryLink()" class="hide">Get OTP</button>
                     <button type="button" onclick="showLogin()" class="mt-2 hide" style="background-color:black;">Back</button>
                     <p class="pt-4 text-center show" id="msgpara" style="color:red; display: none;">We have sent you an OTP on your mail for update password.</p>
                     <input type="text" placeholder="Enter OTP" id="otp" class="show" style="display: none;">
                     <input type="text" placeholder="New Password" id="newpswd" class="show" style="display: none;">
                     <input type="password" placeholder="Confirm Password" id="confirmpswd" class="show" style="display: none;">
                     <button type="button" id="update" class="show" style="display: none;">Update</button>
                 </div>  
              </div>
          </div>
      </div>`
}

HTML.

<div class="container-fluid">
<div id="root"></div>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source