how to change input /output bubble to triangle shape

[princeyogesh]

No description provided.

[jerosoler]

Hello @princeyogesh

Edit with css

.drawflow .drawflow-node .input {
 // Your triangle shape
}
.drawflow .drawflow-node .output {
// Your triangle shape
}

[jerosoler]

Simple example edit demo in browser:

.drawflow .drawflow-node .input {
    left: -10px;
    background: transparent;
}
.drawflow .drawflow-node .output {
    right: 0px;
}
.drawflow .drawflow-node .input, .drawflow .drawflow-node .output {
    /* height: 15px; */
    /* width: 15px; */
    /* border: 2px solid var(--border-color); */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #007bff;
    background: transparent;
    border-radius: 0px;
}

[TheoCtla]

Hi, i just use this css to add arrows on my diagram but when i drag a node, this happens.

This is my diagram when the page has just loaded :

This is my diagram afteri drag a node, the arrow remains selected until I left-click anywhere else.

Do you know how to fix it ?

[ElvisAns]

I think adding "user-select : none" to your custom node can be helpful, or i did not get well the question