Bug 187176

Summary:

pointer events trigger repaint if use SVG in CSS variable

Product:

WebKit

Reporter:

asci

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

koivisto, sabouhallawa, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 11

Hardware:

Mac

OS:

macOS 10.13

Attachments:

Description	Flags
code from codesandbox example	none

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>