Safari rendering issue: line becomes invisible when using backArrow="filled"

Diagram
1

Hello,

I would like to report a rendering issue in dhtmlxDiagram when using Safari.

Summary

When setting backArrow: "filled" on a line, the line becomes invisible (no stroke is rendered) in Safari.

Steps to reproduce

  1. Open the following snippet in Safari:
    DHTMLX Snippet Tool
  2. Observe a line with backArrow: "filled"

Actual behavior

  • The line is not visible (appears without color / stroke)

Expected behavior

  • The line should be rendered normally with a visible stroke and a filled arrow

Environment

  • Browser: Safari 26.1 (21622.2.11.11.9)

Additional context

  • This issue occurs in both v6.0.11 and v6.1.1
  • The same configuration works correctly in other browsers (e.g., Chrome)

Documentation reference:

Question

  • Is this a known issue with Safari rendering?
  • Is there any recommended workaround or configuration to ensure correct rendering in Safari?

Thank you for your support.

2

Hello @kanta,

It’s not a known issue, thank you for noticing it. I already sent it to the dev team, and they will work on a fix.

I will notify you on any updates, till the issue will be fixed, you can avoid it with CSS workaround:

.dhx_diagram_line > path:first-child {
    stroke-dasharray: 9999 1 !important;
    stroke-dashoffset: 0 !important;
    stroke: #4d4d4d !important;
    opacity: 1 !important;
}

Here is an example:
https://snippet.dhtmlx.com/edsvt7qt

Warm regards,

1 Like
3

Hello @kanta,

The dev team already fixed the Safari issue with arrows display in the latest release:

Here is an example where it can be tested:

Warm regards,

1 Like