Select opens in another place

[MarcSkovMadsen]

When I click the mode dropdown`, the select opens in an unexpected place

"""Example 1: Text Processing Pipeline — three nodes, no special dependencies."""

import panel as pn
import param
from panel.viewable import Viewer

from panel_reactflow import EdgeSpec, NodeSpec, ReactFlow

pn.extension("jsoneditor")


class TransformNode(Viewer):
    text = param.String("Hello World")
    mode = param.Selector(default="upper", objects=["upper", "lower", "title", "swapcase"])

    @param.output(param.String)
    @param.depends("text", "mode")
    def result(self):
        if not self.text:
            return ""
        return getattr(self.text, self.mode)()

    def __panel__(self):
        return pn.pane.Markdown(self.result)


transform = TransformNode()


def create_pipeline(nodes, graph=None) -> ReactFlow:
    input_widgets = pn.Param(nodes[0])
    output_view = pn.panel(nodes[0])

    flow = ReactFlow(
        nodes=[
            NodeSpec(id="input", position={"x": 0, "y": 100}, label="Input").to_dict() | {"view": input_widgets},
            NodeSpec(id="transform", position={"x": 450, "y": 50}, label="Transform").to_dict() | {"view": output_view},
        ],
        edges=[
            EdgeSpec(id="e1", source="input", target="transform", label="text").to_dict(),
        ],
        sizing_mode="stretch_both",
        min_height=500,
    )
    return flow


create_pipeline(
    nodes=[transform],
).servable()