Downloaded as Image - Numbers are cropped from both the sides in superset5.0

[sunilreddy0720]

Hi,

Need a bit of help here when i upgraded to superset5.0.

when i do download as image for databoxes, only visible part on UI is getting downloaded like cropping the image from both sides.

on dashboard:

downloaded as image:

But when i enter to Fullscreen mode and do download as image, it works fine

[sunilreddy0720]

@dosu
can you help us on the above issue

[dosubot[bot]]

This is a documented issue in Superset 5.0 where the "Download as Image" functionality (which uses the dom-to-image-more library) only captures the currently visible portion of chart components instead of the full content [1]. That's also why fullscreen mode works — it expands the viewport so more content becomes "visible" to the capture library.

The definitive fix was implemented in PR #34233, which enhances the clone/export process to handle scrollable and overflowing containers properly. However, this fix landed after the 5.0 release and is available in Superset 6.0.0+ [1].

Workarounds for Superset 5.0:

1. Upgrade to 6.0.0+ — this is the recommended path since it includes the proper fix.

2. Add a CSS override to your Superset instance:

   .dashboard-component-chart-holder {
       box-sizing: border-box;
   }

3. Use fullscreen mode before downloading (as you've already discovered).

4. Set DASHBOARD_VIRTUALIZATION: False in your Superset config [1] — though this may impact performance on dashboards with many charts.

If upgrading is an option, that's the cleanest solution since multiple image export improvements are included in 6.0.

To reply, just mention @dosu.

---

Docs are dead. Just use Dosu.

[sunilreddy0720]

This PR #34233 help in solving the issue, Thanks