ExplainSep 2, 2026· 0:27· 0 views
Recharts 3.10.1: ResponsiveContainer charts no longer blank in print media
0:27 total
Comments · 0
Be the first to comment.
Explanation— by SceneRecap AI
At [0.0s], two side-by-side charts—an area chart and a line chart—are displayed in a Storybook environment under standard screen mode. The cursor hovers across data points on both charts between [3.0s] and [9.0s], triggering tooltips for values such as Page F: 1520 and Page E: 1228.
At [11.0s], @media print emulation is enabled. A yellow status notification confirms both charts remain fully rendered at 624×500px. The cursor continues to interact with data points between [15.0s] and [23.0s], verifying that the charts do not collapse or disappear when print mode is active.
Key moments
Charts load side-by-side in default screen mode
Hovering over area chart data points
Hovering over line chart data points
@media print emulation activates with rendered dimensions banner
Interacting with chart tooltips in print mode
What to know
- •Recharts 3.10.1 fixes an issue where ResponsiveContainer charts collapsed to zero size during print rendering.
- •Both charts retain their full dimensions (624×500px) and render content properly under print media emulation.
Glossary
- ResponsiveContainer
- A Recharts component that automatically adjusts chart dimensions to fit its parent container.
- @media print
- A CSS media query targeting print preview and printed documents.
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →