Not working in mac and iOS devices

[IbnAhmed]

Bug reports:

It's working well in Windows, Ubuntu, and Android. But the problem appearing on Mac and all iOS devices. html2canvas start generating then stop suddenly at line number: 6661 and give this following error :

Unhandled Promise Rejection: InvalidStateError: The object is in an invalid state.

My code is like this :

var clone_data = document.querySelector('.clone-dom #contentToConvert');

html2canvas(clone_data, {
    scale: 1, 
    width: 1700,
    height: 2125,
    allowTaint: true, 
    useCORS:true,
}).then(canvas => {
    // save the canvas in image
});

Specifications:

• html2canvas version tested with: v1.0.0-rc.7
• Browser & version: Safari
• Operating system: macOS Big Sur, iOS 13.6

[qqwedcrrr]

Same problem, need help. I've tested with version rc.3 ,rc.4.

[omeriko]

Have you found solution for iOS?

[qqwedcrrr]

Have you found solution for iOS?

FYI, it's ok with the version "1.0.0-alpha.12" for me.

[omeriko]

Have you found solution for iOS?

FYI, it's ok with the version "1.0.0-alpha.12" for me.

Thanks for the tip, i'll try that version on iOS

[nxl3477]

same problem

[talhameer]

I'm creating HTML to PDF using this package. The HTML preview is perfect as expected on all devices Mac and Windows. But when I make PDF everything goes smoothly on Windows on all browsers. But on Mac, I face some issues related to image placement (zoomed and not positioned centered as it is previewed). On Safari the image is not displayed. Following are the CSS styles that are being applied.

export const ImageWrapper = styled.div`
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1 / 1;
  margin-bottom: 20px;

  img {
    position: absolute;
    width: 100%;
    height: auto;
  }
`;

Please let me know how can I fix this issue.