search

xyflow / xyflow

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
https://xyflow.com
MIT License
21.54k stars 1.43k forks source link

Node text getting blurred when another div is scrolled (svelteflow) #4228

Open ChevalMonsieur opened 2 weeks ago

ChevalMonsieur commented 2 weeks ago

Describe the Bug

on my svelte project, with custom nodes that have objects in them, whenever i scroll on another div that is not on the graph, my text becomes a bit blurry until i move back a node or the posision of the view of the graph.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

I haven't been able to reproduce the bug :( but I hope somebody have had the same thing and knows how to fix it

Expected behavior

when I scroll, nothing gets blurry.

Screenshots or Videos

Before scrolling : image

After scrolling : image

Platform

Additional context

I guess it's just a technique to save some memory or something but I didin't see anyway to deactiavte it

peterkogo commented 1 week ago

I think this is connected to a plethora of issues concerning subpixel rendering/transforms/css transitions (#3282, #4074) Some of these issues seem to be amplified on Linux.

The library itself does not do any optimizations that could result in blurring.