CSS Clip-path with svg path not dispatching events
Reported by
promh...@gmail.com,
Jan 10 2018
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36 Steps to reproduce the problem: 1. apply the clip-path to an html element using an SVG clipPath and path elements 2. apply hover effects to the html element via CSS 3. hover effects are not triggered within the clipped region What is the expected behavior? The hover, click events should be fired within the clipped region What went wrong? the clipped region doesn't dispatch events as expected Did this work before? N/A Does this work in other browsers? Yes Chrome version: 63.0.3239.132 Channel: stable OS Version: 10.0 Flash Version: Demo can be found on this codepen https://codepen.io/Promhize/pen/LeQaLP
,
Jan 10 2018
Able to reproduce this issue on reported version 63.0.3239.132, on latest canary 65.0.3317.0 using Windows 10. Issue is not reproducible on Ubuntu 14.04 and Mac 10.13.1. Good Build: 55.0.2861.0 Bad Build: 55.0.2862.0 You are probably looking for a change made after 418816 (known good), but no later than 418827 (first known bad). CHANGELOG URL: https://chromium.googlesource.com/chromium/src/+log/9f6cd0eb83b8d3166071dd5d5780b688034e0a61..9e619beca68cf73772ae4c9f35a21f9bb13d7e65 Review-Url: https://codereview.chromium.org/2312713002 @fs: Please confirm the issue and help in re-assigning if it is not related to your change.
,
Jan 10 2018
Prior to that commit, the test wouldn't have worked at all (bisecting further in the past would require using the prefixed property -webkit-clip-path), so it seems more likely this issue has existed for an even longer time (and even 55 is still quite old.) It looks like this is caused by a zoom-level != 1.
,
Jan 11 2018
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/3a2701e40e2e1f76b22a704844a7b07e9b9b6608 commit 3a2701e40e2e1f76b22a704844a7b07e9b9b6608 Author: Fredrik Söderquist <fs@opera.com> Date: Thu Jan 11 20:43:04 2018 [PE] Fix hit-test of zoomed <clipPath> 'clip-path' <clipPath> geometry is not subjected to zoom, so the hit-test location and reference box has to be adjusted to make the coordinate spaces match. Bug: 800605 Cq-Include-Trybots: master.tryserver.blink:linux_trusty_blink_rel;master.tryserver.chromium.linux:linux_layout_tests_slimming_paint_v2 Change-Id: Ic03e24f0289a5019ea722e3931f6217d918a1b56 Reviewed-on: https://chromium-review.googlesource.com/859784 Reviewed-by: Chris Harrelson <chrishtr@chromium.org> Commit-Queue: Fredrik Söderquist <fs@opera.com> Cr-Commit-Position: refs/heads/master@{#528743} [modify] https://crrev.com/3a2701e40e2e1f76b22a704844a7b07e9b9b6608/third_party/WebKit/Source/core/paint/PaintLayer.cpp [modify] https://crrev.com/3a2701e40e2e1f76b22a704844a7b07e9b9b6608/third_party/WebKit/Source/core/paint/PaintLayerTest.cpp
,
Jan 11 2018
|
||||
►
Sign in to add a comment |
||||
Comment 1 by krajshree@chromium.org
, Jan 10 2018