Cursor navigation incorrect when text is rotated

[d8xa]

Preflight Checklist

• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a feature request that matches the one I want to file, without success.

You must agree to search and the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.

If you are technical, you should report bugs along the lines of https://marker.io/blog/how-to-write-bug-report. If you are not technical, we will make allowances, please try to make an effort to understand the process.

Describe the bug
When text orientation is set to something else than "left to right", the cursor navigation with arrow keys is rotated as well.
But when the text box is also rotated, the direction of the cursor navigation does not match the direction of the arrow keys anymore.
Example: When text orientation is "vertical (right to left)", and you press the right-arrow key, the cursor goes up. But when you rotate the text by -90 degrees, the cursor should go right on a right-arrow press.

To Reproduce
Steps to reproduce the behavior:

1. Insert text field.
2. Insert any multi-line text into field.
3. Set text to "vertical (left to right)".
4. Rotate the rectangle 90 degrees counter-clockwise.
5. Put cursor in the text.
6. Press arrow key and observe the cursor going in the wrong direction.

Expected behavior
Currently the cursor navigation is relative to the text orientation only (i.e. vertical and left to right in my example), but does not take into account the visual text orientation of the text field, relative to the canvas (i.e. horizontal, left to right in my example) -- which is actually the direction the user needs to navigate.
Maybe when a text field is focused, you could check how the text is actually oriented on the canvas, and change the cursor navigation accordingly.
Since shapes can be rotated to any angle, not just multiples of 90 degrees, you could round to the nearest multiple of 90, and make that the orientation for the cursor navigation.
So for example, if the rectangle in my example were rotated by -60 degrees, and the text orientation was "vertical (left to right)" (i.e. +90 degrees), we would round -60 to -90, which would cancel out the +90. So we would use text orientation horizontal ("left to right").

I don't think there are any weird edge cases where this wouldn't work, but I haven't given it too much thought either, so apologies if there are.

Screenshots
If applicable, add screenshots to help explain your problem.

draw.io version (In the Help->About menu of the draw.io editor):

• draw.io version v26.0.11

Desktop (please complete the following information):

• OS: Windows 11 Version 10.0.22631 Build 22631
• Browser: Chrome 131.0.6778.266

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

I tested the problem in incognito/private mode with all browser extensions switched off, write "yes" below:

• Yes

Additional context
Add any other context about the problem here.