Skip to content

Settings icon overlaps node label text #41

@MarcSkovMadsen

Description

@MarcSkovMadsen

Description

When a node has no embedded view and uses a label, the settings (gear) icon rendered by the editor overlaps with the label text, making both hard to read.

Minimum reproducible example

import panel as pn
from panel_reactflow import ReactFlow, NodeSpec

pn.extension("jsoneditor")

flow = ReactFlow(min_height=600, sizing_mode="stretch_both")
flow.add_node(NodeSpec(
    id="n1",
    position={"x": 0, "y": 0},
    label="Plain node with data",
    data={"info": "just data, no view"},
))
flow.servable()
Image

Expected behavior

The settings icon should not overlap the label text. It should be positioned so that both the label and the icon are clearly visible without overlap.

Actual behavior

The settings icon renders on top of the label text, making both elements hard to read.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions