responsive container infers the parent div height [low priority]

[MiguelG97]

[Just posting it as it's something I struggled with but everything is working fine when setting fixed height values]

It would be comfortable to set the div parent of a responsive container to take the remaining space of another div parent element:

Example: here I'm using the flex-1 short cut from tailwind to take the remaining space from the parent div. Apparently with this setup, the chart does not show up.

      <div
        className="flex flex-row justify-between items-center
        flex-1 w-full"
      >
<ResponsiveContainer>...</ResponsiveContainer>
</div>

Instead I needed to explicitly type the height class name as h-[230px] in the nearest div parent to show up the chart

      <div
        className="flex flex-row justify-between items-center
        h-[230px] w-full"
      >
        <ResponsiveContainer
        >
         ...
        </ResponsiveContainer>
      </div>

"recharts": "^2.12.6",

[Just posting it as it's something I struggled with but everything is working fine when setting fixed height values]

[ckifer]

Hi! It's documented that the responsive container requires one of width or height to be a static value (usually height). Understood that this isn't always ideal but I don't think there's a way to make things happy otherwise. If you have any ideas feel free to mention them here or contribute!