HttpDataAccessHelper.js fails to load .vti file on Firefox

Firefox v68 (Mac) and v67 (Windows) are failing to load .vti files with HttpDataAccessHelper, with the following message:

RangeError: attempting to construct out-of-bounds TypedArray on ArrayBuffer HttpDataAccessHelper.js:84
    onreadystatechange HttpDataAccessHelper.js:84

The same files work fine on Chrome, Safari, and Edge.

Example: https://vue-vtkjs-viewport.netlify.com/#/example/basic

[floryst]

This looks like a bug in Firefox. The netlify server is sending Content-Encoding: gzip, but firefox isn’t decoding the data as it should be doing. If you pop into the debugger and check out the data, firefox is giving you the gzipped version of “0edblahblahblah.gz” (so two gzip layers). I think this is the relevant bug report for firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1269101

I have a PoC demonstrating this issue. Chrome works just fine, but firefox fails to decompress when the received content has MIME gzip and the Content-Encoding is gzip. There also seems to be a size trigger, where datasets under 500 or so bytes will decompress just fine.

[jourdain]

By Vue, I don’t mean vue.js but a view of a TypedArray like

const bytes = new Uint8Array(...);
const float = new Float32Array(bytes, 3, 10); // <-- this is a vue of the data