Adapt Learning Community: [Question] Troubleshooting browser requests being Pending/Aborted in IE11

Hi all,

We're facing a problem with browser's requests for resources being Pending (then Aborted) repeatedly in IE11 (everything works well on Chrome & Firefox).

Our course has 62 components, mostly combined of media, mcq, text, hotgrid and graphic components.

We customised from adapt-animation-frame (https://github.com/fabiobeoni/adapt-animation-frame) of Fabio, to create a component type for Adapt to run animations published by Adobe AnimateCC tool. The component is using <iframe> tag to create a new iframe.

The requests for iframes' index.html (5kB) files in IE11 first were Pending, then IE (only) seemed to abort them (similar to .mp4 requests of adapt-contrib-media) quite often after a short time, causing the iframe failed to load (therefore iframe's JavaScript asset file (800kB-1MB) failed to load as well).

Here is the handlebars template that initiates the iframe:

<div id="adaptAnimateCC_{{guid}}"
class="adaptAnimateCC">
{{{body}}}
<iframe src="{{entryPointUrl}}"
frameborder="0"
width="100%"
data-guid="{{guid}}"
data-height-large="{{height_large}}"
data-height-medium="{{height_medium}}"
data-height-small="{{height_small}}"
allowfullscreen webkitallowfullscreen mozallowfullscreen
scrolling="no"
style="overflow: hidden">
</iframe>
</div>

The closest meaning of Aborted status I could find is: https://blog.httpwatch.com/2008/01/28/what-does-aborted-mean-in-httpwatch

Has any one seen this issue in IE11 before?

Thanks much for your help in advance!

Further attempt in debugging with IE11 Windows 7, it still doesn't work with IE11 but it works with Chrome and Firefox also works with IE11 on Windows 10, if I try running the below pseudo code using jQuery's load()with a course having approx. 20+ media components:

var path = 'course/English/assets/5e377357956ae5d6ed1a4dfa126dab44114b068f/index.html'; $("body").load(path + "?" + new Date().getTime(), function() { alert("Load was performed."); });

Scenario 1 - requests a file (with any extension) from the Adapt's course welcome screen (menu selection), browser returned a response and alert displays. [OK]

Scenario 2 - requests a file (with any extension) from the Adapt's page content (after selecting a menu), IE11 does not seem to return any response, the request was pending until it got aborted. [NOT OK]

Could it be an issue with loading in IE11 Windows 7? Could it be that when an Adapt page is loaded, there are multiple requests for its components to be fired at once and IE11 is just not happy with too many requests?

Thanks

Show parent | Reply

We found that this problem only occurred if the course being uploaded to ftp server and viewing from IE11 on Windows 7; viewing it from IE11/Edge on Windows 10 or any other browser is fine. So we tried upload it to SCORM Cloud and there is no issues with requests being aborted (all responses are 200).

My colleague pointed out that SCORM Cloud is using Apache 2.2.x, and the ftp server we are running has Apache 2.4.x.

It looks like an Apache issue, there is a fix for it if you are going to host the course on a FTP Server: https://stijndewitt.com/2014/01/10/apache-hangs-ie11 (Windows only, Linux also seems to have the same problem but I still couldn't find any solution).

Fix:
Add this configuration snippet to Apache24/conf/httpd.conf (bottom of file seems fine):

# Apparently this fixes an issue with Apache 2.4.6 on Windows hanging # when serving requests from Internet Explorer 10/11. # see https://stijndewitt.wordpress.com/2014/01/10/apache-hangs-ie11/ AcceptFilter http none AcceptFilter https none

Show parent | Reply