Not working on safari 16 or lower

[dataexcess]

My code is perfectly working on the latest safari, but on safari 16 or lower.. the completion callback is never called... in the logs I see an inital log

#3 � "0ms" � "Starting document clone with size 1359x6526 scrolled to 0,-90"
html2canvas.esm.js:5662

but nothing more is ever printed. it's simply stuck.

[erlangera]

onload event on iframe does not fire when resources load from local cache. When I disable cache in network tab it works well, you can see something about it #2864.

[erlangera]

My suggest is replace code html2canvas.js:

DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
            var _this = this;
            var iframe = createIFrameContainer(ownerDocument, windowSize);
            if (!iframe.contentWindow) {
                return Promise.reject("Unable to find iframe window");
            }

to:

DocumentCloner.prototype.toIFrame = async function (ownerDocument, windowSize) {
            var _this = this;
            var iframe = createIFrameContainer(ownerDocument, windowSize);
            if (!iframe.contentWindow) {
                return Promise.reject("Unable to find iframe window");
            }
            // add delay
            await new Promise(resolve => setTimeout(() => {
                resolve()
            }, 500))

Hope can help you!

[yuguaa]

I WILL TRY

[yuguaa]

My suggest is replace code html2canvas.js:

DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
            var _this = this;
            var iframe = createIFrameContainer(ownerDocument, windowSize);
            if (!iframe.contentWindow) {
                return Promise.reject("Unable to find iframe window");
            }

to:

DocumentCloner.prototype.toIFrame = async function (ownerDocument, windowSize) {
            var _this = this;
            var iframe = createIFrameContainer(ownerDocument, windowSize);
            if (!iframe.contentWindow) {
                return Promise.reject("Unable to find iframe window");
            }
            // add delay
            await new Promise(resolve => setTimeout(() => {
                resolve()
            }, 500))

Hope can help you!

amazing dancing!!!!!!!!!!