antvis/G6

Performance issue when shadow blur is enabled on Firefox #4206

jadenmazzone posted onGitHub

Describe the bug

On firefox, if shadow blur is enabled in the labelCfg the performance drops heavily. The graph takes longer to load in and nodes are laggy/glitchy when dragged.

Your Example Website or App

https://codesandbox.io/s/dazzling-bush-2fkwiw

Steps to Reproduce the Bug or Issue

  1. Open Firefox and Chrome
  2. Open code box
  3. Drag nodes on both browsers
  4. Compare speeds

The root of the problem is the below in labelCfg

shadowOffsetX: 10,
shadowOffsetY: 10,
shadowColor: "blue",
shadowBlur: 10,
opacity: 0.8

Expected behavior

As a user, I expected no difference in performance between chrome and firefox.

Screenshots or Videos

https://user-images.githubusercontent.com/19211154/211926738-05cfbf2b-3438-42aa-9242-3f2d2972cdf1.mov

https://user-images.githubusercontent.com/19211154/211926747-69782922-dabb-4791-bc92-7df9dc88cd20.mov

Platform

  • OS: macOS
  • Browser: Chrome & Firefox 108.0.2 (64-bit)
  • antv/G6 4.8.3

Additional context

No response


Fund this Issue

$0.00
Funded

Pull requests