Dynamic height content

How I can use react-custom-scrollbars inside my modal what stretch with content? or inside sidebar? Example my modal has dynamic height and width or my sidebar has dynamic height When I’m trying insert scrollable component to another component with dynamic height I have 0px height because content inside react-custom-scrollbars has absolute position Maybe default behavior is stretch height to scrollable height and to limit the height from above component?

[prabuw]

In case, anyone with the same problem arrives here, I created a codesandbox based on @pollen8 comments that demonstrates a solution.

[pollen8]

import React from 'react';
import { Component } from 'react';
import { Scrollbars } from 'react-custom-scrollbars';
import { AutoSizer } from 'react-virtualized';

class Example extends Component {

  render() {
    const { data, selected } = this.props;
    return <div style={{ width: '100%' }}>
    <AutoSizer>
            {({ width, height }) => {
              return (
                <Scrollbars
                  style={{ width, height }}
                >
                  this is your content
                </Scrollbars>
              );
            }
            }
          </AutoSizer>
      }
    </div>;
  }
}

export default Example;