Cannot add behaviors to parent composite states

[emmby]

Description

You can add a UML-style behavior ("trigger [guard] / action()") to state nodes in diagrams, but you cannot add a behavior to a parent node.

stateDiagram
    Parent: Parent
    Parent: enter [guard] / action()
    [*] --> Parent
    state Parent {
        Child: Child
        Child: trigger [guard] / action()
        [*] --> Child
        Child --> [*]
    }

Steps to reproduce

See description

Screenshots

Code Sample

No response

Setup

• Mermaid version:
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

No response

Additional Context

Proposed documentation about adding behaviors to state machines: #5512

[igorwessel]

@sidharthv96 I would like to try working on this issue if support is desired, but first I want to understand if it makes sense to have a new shape or modify the current cluster shape to support multiple descriptions.

mermaid/packages/mermaid/src/dagre-wrapper/clusters.js

Line 132 in d6ccd93

const roundedWithTitle = (parent, node) => {

I noticed that there is this specific shape for the state with description, could we possibly reuse some of the code from there?

mermaid/packages/mermaid/src/diagrams/state/shapes.js

Line 73 in d6ccd93

export const drawDescrState = (g, stateDef) => {

[sidharthv96]

Help is always welcome 😇

State diagram is currently undergoing major rework on the rendering part, by @knsv and @ashishjain0512. So it might be a good idea to wait till that's done, or check with them if their refactoring will interfere with the work you're planning.

[igorwessel]

State diagram is currently undergoing major rework on the rendering part, by @knsv and @ashishjain0512. So it might be a > good idea to wait till that's done, or check with them if their refactoring will interfere with the work you're planning.

Ohh thanks! I'll take a look and understand, but I believe it's also better to wait :)