Describe the Bug
Some Start/End node styles reference CSS variables that are not available when the Diagram Editor is embedded inside a Shadow DOM host using Web Components.
Observed examples include missing Tailwind internal variables such as --tw-border-style.
Steps to reproduce
- Build
@serverlessworkflow/diagram-editor.
- Embed the Diagram Editor in a Shadow DOM host application.
- Load the generated
dist/styles.css inside the shadow root.
- Render a workflow containing Start/End nodes.
- Notice that the Start/End nodes are missing the expected border styling.
Expected Behavior
Start/End nodes should render with the expected border and styles without relying on undefined CSS variables.
Editor Version
0.1.0
Platform
Web / Browser
Additional Context
This was noticed while embedding the Diagram Editor in Quarkus Dev UI, which uses Lit/Web Components and Shadow DOM.

Describe the Bug
Some Start/End node styles reference CSS variables that are not available when the Diagram Editor is embedded inside a Shadow DOM host using Web Components.
Observed examples include missing Tailwind internal variables such as
--tw-border-style.Steps to reproduce
@serverlessworkflow/diagram-editor.dist/styles.cssinside the shadow root.Expected Behavior
Start/End nodes should render with the expected border and styles without relying on undefined CSS variables.
Editor Version
0.1.0
Platform
Web / Browser
Additional Context
This was noticed while embedding the Diagram Editor in Quarkus Dev UI, which uses Lit/Web Components and Shadow DOM.