Y-labels cropped way too early for vertically stacked axes

[jkmnt]

Expected behavior

The max allowed width for y-labels show be about 50% of chart width.
It works this way for side-by-side axes.

Current behavior

If y-axes are stacked, this is not holds.

Reproducible sample

https://codepen.io/jkmnt/pen/mdgzXVv

Optional extra steps/info to reproduce

Resize the browser window to see the effect.

Possible solution

It appears the chart.js always calculates the max allowed axis width as chart width / 2 / number of axes regardless of stacking enabled.

Chart.js/src/core/core.layouts.js

Line 401 in 1777f95

vBoxMaxWidth: availableWidth / 2 / visibleVerticalBoxCount,

This picture confirms the suspision. Same chart as above, but without stacking.

The workaround I use now is the afterFit callback on every axis patching it width:

   afterFit: (axis) => {
      const widest = (axis as any)._labelSizes?.widest?.width;
      if (widest && axis.width < widest + 8) {
        axis.width = widest + 8;
      }
    },

Context

No response

chart.js version

v4.4.2

Browser name and version

No response

Link to your project

No response