ResponsiveCalendar height issue

[lukecharle]

Describe/explain the bug
I've added a ResponsiveCalendar component to my Shopify embedded app, I'm having an issue where the <rect> its creating inside the SVG is setting a height bigger than it requires

Expected behavior
I expect the container to only use the space needed to fit the table/legends in.

Screenshots

Desktop (please complete the following information):

• OS: mac OS 14.1.2 (23B92)
• Browser Firefox 122.0

[plouc]

@lukecharle, the SVG get its height from its parent's height, this is the intended behavior.
nivo doesn't pre-compute some kind of ratio for the chart to then try to find the best fit in the available space, it simply uses the space available.
Although you can establish a ratio in CSS via aspect-ratio, should work with width: 100% (if I understood your expectations correctly).

[plouc]

Closing this issue as this is the intended behavior, please feel free to comment if you think of another approach for this issue.