Heatmap Yaxis offset labels don't work

[violacambie]

Bug report

HEATMAP: yaxis --> labels --> offsetY doesn't work for Heatmap with large amount of rows.

Codepen

https://codepen.io/Cambie/pen/wvWQoKR

Explanation

• What is the behavior you expect?
  I would want to see the labels aligned with their respective rows
• What is happening instead?
  with a big amount of rows the labels start to lose the alignment
• What error message are you getting?
  none

[JulMack]

It seems to me this doesn't work at all. I'm using it on Angular11 and the yaxis.labels.offsetY option does not do anything in my heatmap. I was able to work around this, tho, with the style.cssClass option and a global style with translateY(3px). I guess this was necessary because for Angular Material's Roboto font the labels were not correctly aligned by themself.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[EduardChernyak]

It is still reproduced.

[brianlagunas]

@EduardChernyak I will reopen this issue since you reported this is still an issue for you.

[cart-before-horse]

It seems like the offset is still present (reproduction link in op). Its growing bigger as the series getting larger.
I tried to fix it here pr #4429, now ticks and labels consistent no matter how many rows there are in total.

However i'm slightly concerned about labels positions
Not that they used to be perfectly aligned - more like their baseline was ~2px lower than corresponding tick (quite noticeable with larger font), and now it's more like the baseline matches the tick perfectly, rendering labels ~2px higher.

[cart-before-horse]

nevermind, looks like parsing style attribute did the trick