Progressive Loading With LODs example playground doesn't work on Firefox

From this doc page Progressively Load .glTF Files | Babylon.js Documentation
we have this playground example

  • Chrome v88: no issue :heavy_check_mark:
  • Firefox v86: Uncaught (in promise) RangeError: offset is outside the bounds of the DataView issue, and no 3D visible
  • Edge v88: hmm, even throw an error :sweat_smile: Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document. (so not relative to this particular example)

Note that with this simple code in local webserver, Firefox load the model:

    <canvas id='canvas'></canvas>
    <script type="text/javascript">
        var canvas = document.getElementById("canvas");
        var engine = new BABYLON.Engine(canvas, true);
        var scene = new BABYLON.Scene(engine);
        scene.createDefaultCameraOrLight(true, true, true);

        BABYLON.SceneLoader.OnPluginActivatedObservable.addOnce(function (loader) {
            if ( === "gltf") {
                loader.useRangeRequests = true;


        engine.runRenderLoop(function () {

        window.addEventListener("resize", function () {

But I tried to reproduce this code into the playground, and get the same console error in Firefox! Babylon.js Playground

Adding @bghgary

@Vinc3r I havenโ€™t gotten a chance to look at this yet. Is this an urgent issue for you?

Take your time :wink:

1 Like

This seems like a Firefox bug. I did a miminal repro in and the arraybuffer returned is zero bytes.

I filed a bug on Firefox. Letโ€™s see what happens.

1696684 - XMLHttpRequest with partial content returns zero bytes response (