Task rectangles filled in black when exporting BPMN diagram as SVG

[n-skutsch]

I am trying to create a BPMN diagram in draw.io and export it as SVG file. In the editor, the diagram looks fine. The same is true when the exported SVG file is opened in Firefox. However, when I open the exported SVG file in Inkscape or PowerPoint, the rectangles representing the tasks are filled in black. Switching between light and dark mode, changing the fill color, and removing the text completely did not resolve the issue. The style settings for tasks and events are generally the same, yet events are visualized correctly.

In draw.io the diagram looks like this:

But when the exported SVG file is opened in Inkscape or PowerPoint, it looks like this:

I use the following style settings for the task rectangles:

• Fill: Solid (color: #FFFFFF)

I use the following setting when exporting the diagram as SVG file:

• Zoom: 100%
• Border Width: 0
• Size: Diagram
• Transparent Background: No
• Appearance: Light
• Shadow: No
• Include a copy of my diagram: No
• Embed Images: No
• Embed Fonts: Yes
• Links: Automatic

[draw-io-triage-bot]

👋 Thank you for opening this issue!

---

Summary: When exporting a BPMN diagram as SVG from draw.io, task rectangles that appear white in the editor and in Firefox render as filled black when opened in Inkscape or PowerPoint, suggesting a missing or incorrectly specified fill attribute in the exported SVG markup.

---

📝 Additional Information Needed

To help us investigate this more effectively, could you please provide:

• Environment: Which platform/version of draw.io is being used (e.g., draw.io Desktop version, draw.io web at app.diagrams.net, Confluence plugin, etc.)? Which OS and browser version?
• Inkscape/PowerPoint versions: Which versions of Inkscape and PowerPoint are being used to open the SVG? This may help narrow down SVG rendering differences.
• Sample SVG file or diagram XML: Attaching the exported SVG file (or the .drawio XML source) would greatly help developers reproduce and diagnose the issue. The SVG source could reveal whether the fill attribute is missing or being overridden.

We also have some questions:

• Could you attach the exported SVG file so developers can inspect the SVG markup for the task rectangles? This would help determine if the fill is missing, set incorrectly, or if there's a CSS/style issue.
• Have you tried exporting with 'Embed Images' set to Yes or with 'Embed Fonts' set to No to see if either of those settings affects the rendering?
• Does the issue also occur when you export as SVG from File > Export as > SVG with default settings (without customizing any export options)?
• If you inspect the SVG source (open in a text editor), do the task rectangle elements have an explicit fill="#FFFFFF" or fill="white" attribute, or is the fill missing/inherited?

📋 Bug Report Template

**Environment:**
- draw.io version: [e.g., web app / desktop 24.x.x / Confluence plugin]
- Browser (if web): [e.g., Chrome 120, Firefox 121]
- OS: [e.g., Windows 11, macOS 14, Ubuntu 22.04]

**Steps to Reproduce:**
1. Go to ...
2. Click on ...
3. See error

**Expected Behavior:**
What you expected to happen.

**Actual Behavior:**
What actually happened.

**Screenshots/Files:**
If applicable, add screenshots or attach the .drawio file.

---

---

_{🤖 This is an automated response to help with initial triage. A human maintainer will review this issue. If you've provided all the requested information, no further action is needed - we'll get back to you soon!}

[n-skutsch]

Environment:

• draw.io Desktop (v29.7.9) but the issue also appears in the web version
• Windows 10 (22H2 19045.7184)
• Inkscape 1.3.2 (091e20e, 2023-11-25, custom)
• PowerPoint Version 2604 Build 16.0.19929.20106

Steps to Reproduce:

1. Open the diagram.drawio file.
2. Export the diagram as SVG file.
3. Open the SVG file in Inkscape.

Expected Behavior:
The task elements are filled in white.

Actual Behavior:
The task elements are filled in black.

Additional Information:

• Exporting with 'Embed Images' set to Yes or with 'Embed Fonts' set to No does not resolve the issue.
• The issue also occur when I export as SVG with default settings.
• The elements have the attribute fill="#ffffff".

Files:
diagram.drawio
diagram.svg

[n-skutsch]

If the REGEX fill="none"([^>]+></g><g><g>) is replaced with fill="#ffffff"\1 in the exported SVG file, it works in my specific case. But only with the exact style and text settings I use.