Skip to main content
Participant
February 21, 2020
Question

eSign document rendering issue in iframe

  • February 21, 2020
  • 1 reply
  • 1969 views

I am displaying documents to sign within an iframe and have found a PDF that doesn't render correctly in Chrome and Firefox (Edge and IE are OK). Once loaded the document is zoomed out and the top portion is cut off and can't be scrolled to.

I've also noticed that the "Start" labels don't appear correctly either. If I navigate to the URL directly (outside of the iframe) the document is rendered correctly.

 

How do I determine what it is about this particular document that is causing an issue? It doesn't appear to contain form elements etc and all other documents I've used so far work as expected.

 

Error in Chrome & Firefox, can't scroll to top of the document

 

Expected result in Edge & IE

 

1 reply

JasonMcBAuthor
Participant
February 24, 2020

All I can find is that within the iframe in Chrome etc there is a style applied  with a margin of -1 which hides the document behind the toolbars

<div id="document" class="clearfix prcnt-100" style="margin-top: -1px; margin-bottom: 102px; margin-left: auto; width: 849px;" data-original-title="" title=""></div>


In IE it's margin-top: 95px

<div id="document" class="clearfix prcnt-scroll"  style="margin-top: 95px; margin-bottom: 102px; margin-left: 70px;" data-original-title="" title=""></div>