svg-pan-zoom-container icon indicating copy to clipboard operation
svg-pan-zoom-container copied to clipboard

Published 20 hours ago • verified publisher icon luncheon

Performance issue on Chromium-based browsers

Open luncheon opened this issue 3 years ago • 0 comments

Zooming is very slow on Chrome. Firefox and Safari are fine. I know that the setting scrollLeft takes too much time. But I don't know the solution.

I don't know if this is related to the following issue.

  • 342778 - SVG images affects scroll performance drastically - chromium
    https://bugs.chromium.org/p/chromium/issues/detail?id=342778

To address this issue, give the scrolling container an opaque background color and set "contain: paint" on it.

The above solution does not help.

See also

  • What forces layout/reflow. The comprehensive list.
    https://gist.github.com/paulirish/5d52fb081b3570c81e3a

luncheon avatar Apr 08 '21 03:04 luncheon