Zoho Signing embedded with iframe is moved out of view when navigating to focus signature on mobile devices

Zoho Signing embedded with iframe is moved out of view when navigating to focus signature on mobile devices

Dear Zoho team, 
I'm having difficulty embedding the signing url into a website for users to sign on their phones, it's not working perfectly.
The problem occurs after the user accepts and continues to sign, or the user clicks to redirect to any of the highlighted signatures, the signature frame will be moved to the left and create an empty space on the right, I realized this problem occurs with signatures placed close to the right margin of the screen and the user will have to scroll again to get everything back, this is a bad experience for the user.
I have tried many ways but cannot fix this problem, you can take a look at the code I am writing and the attached video description for more details.
Hope to receive the earliest response from the team 
Best regards,

  1. .frame-wrapper{
    position: relative;
    width: 100%;
    height: 68vh;
    }

    iframe{
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
​

<div class="frame-wrapper">

<iframe
marginwidth="0"
marginheight="0"
scrolling="auto"
frameborder="0"
id="zoho-sign-frame-1"
[src]="embedded_link"
name="theFrame1"
#signFrame1></iframe>
</div>

    • Sticky Posts

    • Free webinar! Build smarter apps with Zoho Sign and Zoho Creator

      Hello, Bring the power of digital signatures to the apps you build in Zoho Creator! Connect Zoho Sign as a microservice and enable seamless e-signature workflows in your applications. This integration allows you to automate signing tasks using Deluge.