Connections disappearing when zoom in Chrome
See original GitHub issueSince 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
Firefox
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:
- Created 2 years ago
- Comments:5 (1 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
This happened to me again for a different (unknown) reason, and I was able to fix it with the following CSS:
@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
.@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!