Callback Graph in Dev Tools changing size constantly

[celia-lm]

With dash==2.18.2

Screen.Recording.2025-02-05.at.15.39.57.mov

I think it’s related to css. Apart from what I’ve tried in the video (setting a fixed width and height for dash-callback-dag--container), these changes also work, as tested in the Inspect Elements tab:

• Disabling the height style from this line: https://github.com/plotly/dash/blob/dev/dash/dash-renderer/src/components/error/CallbackGraph/CallbackGraphContainer.css#L7
• Disabling the height and width style from this line: https://github.com/plotly/dash/blob/dev/dash/dash-renderer/src/components/error/CallbackGraph/CallbackGraphContainer.react.js#L398

I have been noticing this for some months, but there was a point where it didn’t happen. I’ve checked the blame for the styles’ modifications I’ve disabled but they were implemented in dash==1.16.0, at the same time the cytoscape graph was added.

[marthacryan]

I'm not seeing this exact behavior, but I'm seeing some flickering when I'm in Firefox. Just added #3159 to fix the flickering that I was seeing. Let me know if that doesn't work for you!

[celia-lm]

oh, it looks to be browser-specific, yes. I switched from Chrome to Firefox some months ago, and it was probably then that I started noticing this behaviour. The fix seems fine to me! Thank you!