Table view has wrong calculations

[kstepien3]

There is a big space between header and values

https://storybook-design-token-v1.netlify.app/?path=/docs/demo--docs

[karol-bujacek]

The table is ‘corrected’ after scrolling inside the table, if used with maxHeight={some-number} (e.g., 600 in my case).

Storybook 9.1.13
Storybook design token 4.1.0
browser Firefox 144.0, Linux

There is a warning related to this issue in a browser console:

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details and to join the discussion on related tools and features!

[Ryuno-Ki]

Caused by the height on the <table> as defined in

storybook-design-token/addon/src/components/TokenTable.tsx

Lines 231 to 232 in 6bdd1d8

	rowVirtualizer.getTotalSize() +
	(theadRef.current?.getBoundingClientRect().height || 0)