pointer events trigger repaint if use SVG in CSS variable
Reported by
ar...@framer.com,
Jun 29 2018
|
||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36 Steps to reproduce the problem: Here is example: https://codesandbox.io/s/3r67morj8p Basically you need to have SVG image as background Put this image in custom property (CSS variable) Use this CSS variable on some class Use this class on the element Add code to toggle pointer-events on this element Open devtools and toggle "flash on repaint" Toggle pointer events on the element What is the expected behavior? no repaints of element What went wrong? browser repaints the whole element Did this work before? N/A Does this work in other browsers? No the same issue happening with webkit Chrome version: 67.0.3396.87 Channel: n/a OS Version: OS X 10.13.4 Flash Version: this is performance issue
,
Jul 2
artem@ Thanks for the issue. Able to reproduce this issue on Windows 10, Mac OS 10.13.5 and Ubuntu 14.04 on the reported version 67.0.3396.87 and the latest Canary 69.0.3479 as per the original comment. On navigating to the link https://codesandbox.io/s/3r67morj8p, enabling Paint Flashing in Devtools -> Console -> Rendering and on hovering over the elements, can see the whole element is repainted. Attached is the screen cast for reference. This is a Non-Regression issue as this behavior is observed from M-60 chrome builds. Hence marking this as Untriaged for further updates from Dev. Thanks..
,
Jul 2
The codesandbox.io is online IDE just to show the code for the issue. I didn't mean to report issue on it. Sorry for misleading example. The minimal issue could be found here https://3r67morj8p.codesandbox.io/
,
Jul 23
,
Aug 16
|
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by viswa.karala@chromium.org
, Jul 1