scale.ticks.autoSkip unnecessarily skips ticks in certain cases

[Auburn]

Expected Behavior

scale.ticks.autoSkip = true should only skip ticks when reaching visual space constraints

Current Behavior

Ticks get hidden even if rotation of the labels would allow them to fit. Hidden labels will reappear if the chart is shrunk enough to force the labels to rotate.

Possible Solution

Tick labels should always attempt label rotation in order to fit before allowing them to be skipped

Steps to Reproduce

https://jsfiddle.net/r2zfgyw5/
Preview width >= 1194px : All ticks (labels) on the X axis are shown (not rotated)
< 1194px : Every other tick is hidden (not rotated)
< 1083px : All ticks are shown (rotated)
< 361px : Every other tick is hidden (rotated)

Every other tick is hidden (not rotated)

This state should not exist, it causes ticks to disappear then reappear while scaling down the size of the chart. The px range where this state occurs seems to be linked to label length, longer labels cause this state to have a larger px range

Context

I have a chart with long labels so I would like to use scale.ticks.autoSkip = true but I don't want information to be hidden unnecessarily

Environment

Chart.js V3 Beta13 (issue not present in v2.9.4)
Chrome Version 88.0.4324.190

[etimberg]

Seems to reproduce as far back as 3.0.0-beta.2 (I didn't check the alphas). Not sure what the cause is, but my hunch is something in the measurements of text labels.

[kurkle]

Reproduces in 3.0.0-alpha. Fine in 2.9.4.