Bug 187176 - pointer events trigger repaint if use SVG in CSS variable
Summary: pointer events trigger repaint if use SVG in CSS variable
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 11
Hardware: Mac macOS 10.13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-06-29 05:35 PDT by asci
Modified: 2018-06-29 16:13 PDT (History)
5 users (show)

See Also:

Attachments
code from codesandbox example (3.51 KB, application/zip)
2018-06-29 05:35 PDT, asci 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description asci 2018-06-29 05:35:01 PDT 
Created attachment 343909 [details]
code from codesandbox example

## Steps to reproduce
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 web inspector and toggle flashes 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

Here is live example: https://codesandbox.io/s/3r67morj8p
Comment 1 Radar WebKit Bug Importer 2018-06-29 16:13:57 PDT 
<rdar://problem/41657436>