bpmn-io/bpmn-js

The template element(hover) icon rendering error

Open

#2,206 opened on Jul 21, 2024

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (7,739 stars) (1,249 forks)batch import
backlogbugelement templatesgood first issuemodeling

Description

Describe the Bug

An element is backed by an element template with an attached icon. If I preview the element for append, then the custom icon is not shown.

image

Describe the solution

The preview picks up the custom icon, if @bpmn-io/element-template-icon-renderer is hooked up.

Environment

  • Browser: Chrome 126.0.6478.63
  • OS: macos 14.5
  • Library version: bpmn-js 17.9.1

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic understanding of BPMNfamiliarity with element templates
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the popup menu preview rendering logic in bpmn js. Look at how the custom icon is fetched via the @bpmn io/element template icon renderer integration. Check the relevant source files (e.g., PopupMenu.js, ElementTemplates) to ensure the preview correctly uses the icon renderer. The issue comments may provide additional hints; no linked PRs exist yet.