Rotated label is misplaced when zoomed out

[richdrich]

Environment info

• Cytoscape.js version : 3.30.2
• Browser/Node.js & version : Chrome/128.0.6613.85, Firefox/127.0, Edge/128.0.2739.42

Current (buggy) behaviour

What does the bug do?

When a label has a non-zero rotation and text-valign=top, text-halign=center , then when zoomed out (small label size) the label floats above the correct position. This seems to have to do with the cache?

Desired behaviour

What do you expect Cytoscape.js to do instead?

Label should be consistently aligned with the node as specified by text-valign and text-halign at any rotation or scale.

Minimum steps to reproduce

What do you need to do to reproduce the issue?

See: https://output.jsbin.com/tucakeruji/1

Or attached index.html

In both cases, when zoomed out, we see the issue, when zoomed in, the label is aligned correcty.

For reviewers

Reviewers should ensure that the following tasks are carried out for incorporated issues:

• Ensure that the reporter has included a reproducible demo. They can easily fork this JSBin demo: http://jsbin.com/fiqugiq
• The issue has been associated with a corresponding milestone.
• The commits have been incorporated into the corresponding branches. Bug-fix patches go on
  • master,
  • unstable, and
  • the previous feature release branch (e.g. 1.1.x if the current release is 1.2).
• The issue has been labelled as a bug, if necessary.

index.zip