scrollbars is '{x}' on x and '{y}' on y. Drawing one axis hides the native scrollbar on both, because no browser lets one axis be hidden on its own, so the other axis will scroll with no bar. Set scrollbars: 'custom' on both axes, or on neither.

Warnings reference › scrollbars-mixed-custom

Identifier

scrollbars-mixed-custom

Raised by

The grid (rendering)

Since

1.62.0

What happened

Grid-drawn scrollbars were asked for on one axis only. No browser offers per-axis control of native scrollbar visibility, so hiding one hides both: the axis left on 'auto' still scrolls, with no visible bar at all. A silently missing scrollbar is exactly the kind of thing found in production rather than in development.

The fix

Set scrollbars to 'custom' on both axes, or on neither.

The smallest fix

createGrid(el, { scrollbars: 'custom' });

Reference

Covered in full at the API reference.