WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED CONFIGURATION CHANGED
112796
A horizontal <line> is not rendered when contained in a parent group with a clip-path property.
https://bugs.webkit.org/show_bug.cgi?id=112796
Summary
A horizontal <line> is not rendered when contained in a parent group with a c...
Patrick Ruzand
Reported
2013-03-20 06:08:53 PDT
Created
attachment 194032
[details]
a simple testcase that reproduces the issue. A horizontal line whose parent has a clip-path attribute is not rendered, even if the clipPath geometry is "compatible" with the line geometry. For example, with the following markup: <g clip-path="url(#gfx_clip1)"> <line stroke-dasharray="none" y2="200" x2="340" y1="200" x1="10" stroke-miterlimit="4" stroke-linejoin="miter" stroke-linecap="butt" stroke-width="1" stroke-opacity="1" stroke="rgb(255, 0, 0)" fill-opacity="0" fill="none"> </line> </g> <clipPath id="gfx_clip1"> <rect height="500" width="500" y="0" x="0"></rect> </clipPath> the line is not rendered on screen. It works in FF19, IE9. Note that the issue does _not_ appear if: * the clip-path attribute is removed; or * a new shape is added to the group (provided the new shape changes the group bbox),the line is rendered. For example, the following markup does not reproduce the issue anymore: <g clip-path="url(#gfx_clip1)"> <line stroke-dasharray="none" y2="200" x2="340" y1="200" x1="10" stroke-miterlimit="4" stroke-linejoin="miter" stroke-linecap="butt" stroke-width="1" stroke-opacity="1" stroke="rgb(255, 0, 0)" fill-opacity="0" fill="none"> </line> <rect stroke-dasharray="none" width="200" height="100" y="30" x="10" stroke-miterlimit="4" stroke-linejoin="miter" stroke-linecap="butt" stroke-width="1" stroke-opacity="1" stroke="rgb(255, 0, 0)" fill-opacity="0" fill="none"> </rect> </g> <clipPath id="gfx_clip1"> <rect height="500" width="500" y="0" x="0"></rect> </clipPath> Attached a sample that reproduces the issue. Reproduced on: Safari 6.0.3 / MacOS X 10.8.3 Chrome 25.0.1364.172m / Windows 7 Chrome Canary 27.0.1446.3 / Windows 7
Attachments
a simple testcase that reproduces the issue.
(894 bytes, text/html)
2013-03-20 06:08 PDT
,
Patrick Ruzand
no flags
Details
Safari 15.5 matches other browsers
(546.16 KB, image/png)
2022-06-13 14:05 PDT
,
Ahmad Saleem
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Ahmad Saleem
Comment 1
2022-06-13 14:05:45 PDT
Created
attachment 460212
[details]
Safari 15.5 matches other browsers I am unable to reproduce in Safari 15.5 on macOS 12.4 and as shown in the picture, all browser render the line. Thanks!
Alexey Proskuryakov
Comment 2
2022-06-16 14:04:24 PDT
Thank you for testing!
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug