Other charts are overlapping with Table chart when downloading dashboard as image using "Download as Image" option

[MallikarjunaReddyN]

Bug description

Other charts overlap with the Table chart when downloading the dashboard using the "Download as Image" option.

This issue occurs when:

• The dashboard contains multiple chart types (such as Table, Pie, Bar, etc.).
• The Table chart is positioned as the first chart in the dashboard.
• The Table chart contains scrollable content.

Screenshots/recordings

Actual dashboard:

Image after download:

Superset version

6.0.0

Python version

3.11

Node version

18 or greater

Browser

Chrome

Additional context

No response

Checklist

• I have searched Superset docs and Slack and didn't find a solution to my problem.
• I have searched the GitHub issue tracker and didn't find a similar bug report.
• I have checked Superset's logs for errors and if I found a relevant Python stacktrace, I included it here as text in the "additional context" section.

[dosubot]

This is a known area that has received multiple fixes. The overlapping behavior during "Download as Image" has been traced to two root causes:

1. CSS box-sizing issue — .dashboard-component-chart-holder elements default to content-box instead of border-box, causing their 32px padding to overflow the container and overlap neighboring charts. PRs #36375 and #38536 address this [1].

2. Scrollable Table content expanding during export — PR #34233 rewrote the image export utility to set overflow: visible and height: auto on scrollable containers so full table content is captured. However, this expansion can cause the Table chart's exported height to exceed its dashboard grid slot, pushing into or overlapping adjacent charts [2].

Additionally, PR #38781 (merged April 2026) specifically targets ag-grid table rendering in image exports — it switches to print layout during capture and preserves row/column dimensions to prevent overlapping [3].

Immediate workaround: You can add this CSS override to your dashboard to fix the box-sizing issue:

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

If you're on version 6.0.0, you may not have the latest export fixes from PRs #34233, #38781, or #38536. Upgrading to a more recent build that includes these patches should resolve the overlapping behavior during image download.

To reply, just mention @dosu.

---

Docs are dead. Just use Dosu.