Download PDF not working with Firefox using Angular 2 and Node.js

In firefox you have to append your a into DOM and then perform click.

Used document.body.appendChild(blobAnchor); to append into DOM.

Added blobAnchor.className = 'hidden'; so it will not be visible.

And removed from DOM after few seconds with setTimeout(() => blobAnchor.remove(), 300);.

static downloadFile(fileName: string, fileMimeType: string, uri: string) {    const dataURI = uri;    const blob = this.dataURIToBlob(dataURI);    const url = URL.createObjectURL(blob);    const blobAnchor = document.createElement('a');    const dataURIAnchor = document.createElement('a');    blobAnchor.download = dataURIAnchor.download = fileName;    blobAnchor.className = 'hidden';    blobAnchor.href = url;    dataURIAnchor.href = dataURI;    document.body.appendChild(blobAnchor);    blobAnchor.onclick = function () {        requestAnimationFrame(function () {            URL.revokeObjectURL(url);            setTimeout(() => blobAnchor.remove(), 300);        });    };    blobAnchor.click();}static dataURIToBlob(dataURI) {    const binStr = atob(dataURI.split(',')[1]),        len = binStr.length,        arr = new Uint8Array(len),        mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];    for (let i = 0; i < len; i++) {        arr[i] = binStr.charCodeAt(i);    }    return new Blob([arr], {        type: mimeString    });    }