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.

Connections disappearing when zoom in Chrome

See original GitHub issue

Since some days, I have problems with the rendering of connections in Chrome when my screen has a zoom of 125% (recommended by Windows). The connections are no longer centered in the sockets and, zooming rete container using the mouse wheel, some lines totally disappear. This happens even in a particular environment, where the versions of rete libraries were set 6 months ago and where I’m sure this behaviour did not happen before, so I think that the cause is something relating to Chrome. Using Firefox all works fine indeed. You can see an example below with same zoom. Chrome image Firefox image The versions I use are the following

{   
    ...,
    "nuxt": "^2.15.6",
    "rete": "^1.4.5-rc.1",
    "rete-area-plugin": "^0.2.1",
    "rete-connection-plugin": "^0.9.0",
    "rete-context-menu-plugin": "^0.6.0-rc.1",
    "rete-vue-render-plugin": "^0.5.1",
    ...,
}

Any ideas on how to solve this? Thanks!

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
rvanasacommented, Nov 19, 2021

This happened to me again for a different (unknown) reason, and I was able to fix it with the following CSS:

.connection {
    position: static;
}

@saracq, hopefully this works for you in the short term. If static positioning doesn’t break compatibility with other browsers, the problem could also be fixed by removing this line in src/view/connection.ts.

0reactions
saracqcommented, Nov 19, 2021

@Ni55aN, sorry for the delay in replying. Unfortunatelly I don’t have a public example, nevertheless the solution proposed by @rvanasa works for me! Thank you so much for your help @rvanasa!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Borders disappear in Chrome when I zoom in - Stack Overflow
Sometimes, when I zoom in or out using Chrome, the input borders disappear. For example, when I zoom to 90% I get:.
Read more >
image disappearing on zooming in - Google Support
jpg background-image disappears when zooming in on chrome, other browsers like firefox and safari works fine. Details.
Read more >
Adjusting zoom settings in Chrome browser
There are 2 ways to adjust the zoom settings: Permanently set the zoom level for all pages opened with Chrome (useful when using...
Read more >
Meeting Won't Launch from Google Chrome - Zoom Support
The Zoom Client is launched via Launch Application in Google Chrome. You may have selected "Do Nothing" while the "Remember my choice for ......
Read more >
When zoom in / out some content disappears - Miro Community
Using Chrome browser > opening the board in incognito mode to troubleshoot the performance locally. Switching to a faster network (you can try ......
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