1. Feedback
  2. Blazor
  3. 69551

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Add a programmatic popup action with custom component content

Hello Syncfusion team,

I would like to request a new capability in the Blazor Diagram control: a first-class, programmatic "popup action" that can be associated with nodes and connectors, and render a custom Blazor component as its content.

Scenario: Open a context-aware popup (dialog overlay) anchored to a node or connector, with content provided by my own Blazor component (e.g., an editor, inspector, or detail view). This popup should be openable via API and optional UI triggers (click, double-click, user handle, context menu, keyboard).

Motivation: Tooltips or templates are not ideal for rich editing or complex UI flows. We need a reusable, accessible, and zoom/pan-aware popup that positions near the element and preserves diagram interactions (pan, zoom, selection).

Key requirements:

- Programmatic API: Open/close popup by element id or reference, with options (title, modal, size, position, close behaviors).

- Multiple popups: Allow one or more concurrent popups, with z-index control.

- Accessibility: Focus management, ARIA roles, escape to close, tabbable content.

- Performance: Lazy mounting/unmounting, only render when visible.

- 
Custom content: Accept a RenderFragment or component type and parameters so we can render any Blazor component inside.

- 
Anchoring and positioning: Anchor to a node, connector, or port. Auto-reposition on zoom/pan, with collision and viewport handling.

- 
Events: OnPopupOpening, OnPopupOpened, OnPopupClosing, OnPopupClosed with cancel support and element/context info.



Benefits:

- Consistency: A built-in, diagram-aware popup handles anchoring, zoom/pan, and lifecycle.

- Productivity: Eliminates ad-hoc dialog plumbing on every project.

- Flexibility: Works with any custom component, supports both data-bound and hand-crafted diagrams.



Thank you for considering this request.

Pedro