AnsweredAssumed Answered

Intra-page links not working in embedded HTML file

Question asked by Eric Orton on Apr 24, 2017
Latest reply on Aug 17, 2017 by Richard Niolon

I have a need to put some HTML files in Canvas's course files, then use an <iframe> to embed them in native Canvas content pages, like this:


<p><iframe style="border: 0; width: 100%;" src="" width="100%" height="5000" data-api-endpoint="" data-api-returntype="File"></iframe></p>


Everything work swimming, except for one thing. These pages use links within the page to allow the student to jump down to footnotes and back, such as:


<blockquote id="Source1"> into another Depression.<sup><a href="#Footnote1">1</a></sup></blockquote>


<p class="footnote" id="Footnote1"><a href="#Source1">1</a> “Student Debt ...</p>


These internal links do not work when the HTML page is put into the <iframe> in Canvas. They work outside of Canvas, though. Does anyone know what's going on and how to get these working?