long text lines are shifted badly, only on safari

[Zazcallabah]

Bug reports:

We are seeing a strange text-wrapping bug in safari only. The rendered image text is shifted around compared to the html source, like in this image:

The upper section is a p-tag/span-tag combo. The lower section is the resulting image. Note how any line long enough to wrap to a new line are shifted to the right, and the end of some lines are cut slightly early.

Specifications:

• html2canvas version tested with: 1.3.2
• Browser & version: Safari
• Operating system: iphone 12, desktop mac

[Zazcallabah]

This fiddle should demonstrate the issue if viewed on ios safari iphone https://jsfiddle.net/drbkjs8t/3/

[Zazcallabah]

The issue is also present on desktop safari.

[xiaozhanghui]

me too,i set [email protected] to fixed it

[mormormmmr]

It's the same for me.
It reproduces with [email protected] and v1.0.0-rc.7.
Versions earlier than [email protected] do not reproduce it.
However, prior to v1.0.0-rc.6, there is another bug that prevents me from using it.

I will be very happy if it is fixed.
Thanks for the great tool and development.

[dreamvibe1993]

Almost the same issue right here

[chea1tei]

Anyone have any solution to this? Im using contenteditable and my text are having the same issue in safari as

[niklasvh]

This should be fixed with #2786