fix: Apply correct translation when text editor overflows when zoom not 100%

[ad1992]

Attempt to fix #3220

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/excalidraw/excalidraw/DckLbnbPf7Hq6ReoHaNBehAXmc1r
✅ Preview: https://excalidraw-git-aakansha-trans-excalidraw.vercel.app

[dwelle]

The wysiwyg jumps when zoomed in:

Moreoever, it doesn't work with rotated text (both in this PR & prod):

So maybe instead of hacking it further, maybe we should do the "nest inside + relative positioning" after all (though it will simply cut off the wysiwyg if it works out).

[ad1992]

The wysiwyg jumps when zoomed in:

This should be fixed now

Moreoever, it doesn't work with rotated text (both in this PR & prod):

So maybe instead of hacking it further, maybe we should do the "nest inside + relative positioning" after all (though it will simply cut off the wysiwyg if it works out).

Are you talking about positioning relative to .excalidraw ? That would also not work right since it will then be positioned relative to its actual position and excalidraw takes the whole width/height thats why had made it position absolute.

I have only updated the translateX value in this pr to fix overflow when zoom is not 100%, the rotation issue should also be fixable with position absolute I think given some time. If this fix looks good for overflow then we can merge it.

[dwelle]

That would also not work right since it will then be positioned relative to its actual position and excalidraw takes the whole width/height thats why had made it position absolute.

Unclear what you mean by "positioned relative to its actual position".

Anyway, we can merge.