question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not visible edges in v10

See original GitHub issue

Describe the Bug

When moving nodes, edges are no longer displayed. This is because links are not visible outside of the container .react-flow__viewport. But the nodes are displayed

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

  1. Migrate from v9 to v10

Expected behavior

I want, that edges and nodes displayed

Screenshots or Videos

Снимок экрана 2022-03-24 в 10 41 42

Platform

  • OS: macOS
  • Browser: Chrome
  • Version: 99.0.4844.83

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:5
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
moklickcommented, Mar 30, 2022

Could you try v10.0.7 ? I added a stronger selector for the edges SVG. I think the problem here is, that you have a SVG rule that says overflow:hidden (that’s also the default browser behaviour but should be overwritten by React Flows css). Does the new release solve your issue?

2reactions
NansDcommented, Mar 28, 2022

We have the exact same problem, and could not identify any override on SVG styles when inspecting with chrome dev tools image

On v8.7 in production we don’t have that issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

To Export a Visible Edges DGN File
Open the Export Visible Edges dialog ( File > Export > Common File Types > Visible Edges (*.hln) ). On the General tab,...
Read more >
Layouting bug in react-flow-renderer v10 - Stack Overflow
I just migrated to react-flow-renderer version 10 about 5 hours back (it launched around 10 hours ago). I am trying to arrange nodes...
Read more >
Troubleshooting Guide - React Flow
Can't create edge. An edge needs a source and a target.​ ... This happens when you do not pass a source and a...
Read more >
Fix site display issues with Compatibility View in Internet ...
If any site you visit needs Internet Explorer 11, you can reload it with Internet Explorer mode in Microsoft Edge. We recommend you...
Read more >
PolyWorks® V10 Beginner's Guide - UNAVCO
InnovMetric Software Inc. assumes no responsibility or liability for any errors or inaccura- cies that may appear in this document. Page 3 ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found