how to get rowHeight ?

[sibelius]

trafficstars

I'd like to adapt the menu height based on the number of rows and also based on the screen size

is this possible?

[techniq]

Currently due to using react-virtualized the height has to be known (to enable windowing), either as an explicit pixel height passed to menuHeight, or derived pixel height from the number of menu items. If we drop react-virtualized (#54) you should be able to leverage CSS (use 100vh, etc), but until then it has to be one of the two.

One workaround you might try is using a measurement component to pass the explicit container height. I used to do this with mui-table when it also used react-virtualized. I would use vx's ParentSize and a wrapping component. Something like this (untested, but should lead you in the right direction).

<div style={{ height: 'calc(100vh - 64px)' }}>
  <ParentSize>
    {({ height }) => (
      <MuiDownshift menuHeight={height} ... />
    )}
  </ParentSize>
</div>