Shohei Yoshida

I've confirmed this issue does not occur in 11.3.

I ran into this problem with my own project as well. Do you have a plan to tackle this problem? I really hope this problem will be solved.

Thanks, but that Sandbox still doesn't seem to work correctly. 1. Go to the https://codesandbox.io/p/sandbox/misty-wave-6yl8t3?file=%2FApp.js%3A31%2C9-36%2C10 (should reload the page) 2. Click the "Arrow" checkbox 3. Marker is not rendered

Is it possible that this is environmentally dependent? I am having problems in my environment described in the ticket. https://github.com/xyflow/xyflow/assets/4065765/fa246ea7-722b-485b-b544-f708265ce491

Dynamically instantiated SVG elements don't work: https://issues.chromium.org/issues/40656725 svg may needs an appropriate namespace. https://github.com/xyflow/xyflow/blob/467223b9a321f6af4555244de0990ea2b766cd0c/packages/react/src/container/EdgeRenderer/MarkerDefinitions.tsx#L68 It is worth trying this: ```diff - + ``` There seem to be other svg's in...

I found a workaround. This works fine in Chrome: https://codesandbox.io/p/sandbox/focused-morse-8wm7s5 Add a custom edge marker, and set it in the`defaultEdgeOptions`: ```tsx ```

The `.modal-content {overflow: hidden}` is to prevent overflow the content in a small height screen: But I agree the CSS cause that dropdown issue.