Opened 8 years ago

Closed 7 years ago

#16891 closed defect (fixed)

clipping & straight horizontal lines does not seem to work on Chrome

Reported by: cjolif Owned by: Patrick Ruzand
Priority: undecided Milestone: 1.9.1
Component: DojoX GFX Version: 1.8.3
Keywords: Cc:
Blocked By: Blocking:


When drawing a straight horizontal line in a clipped group. The rendering is fine on Firefox but not correct on Chrome (and Safari 6).

I suspect this is a Webkit SVG bug. In which case it should be reported to Webkit.

Run attached sample on Firefox you'll get a line drawn, run it on Chrome nothing appears.

Attachments (2)

test_flat.html (1.9 KB) - added by cjolif 8 years ago.
16891.patch (656 bytes) - added by Patrick Ruzand 7 years ago.
patch by pruzand (IBM, CCLA)

Download all attachments as: .zip

Change History (8)

comment:1 Changed 8 years ago by cjolif

Owner: changed from Eugene Lazutkin to Patrick Ruzand
Status: newassigned

Changed 8 years ago by cjolif

Attachment: test_flat.html added

comment:2 Changed 8 years ago by Patrick Ruzand

This is indeed a webkit bug.

A possible workaround: add another invisible (no stroke/no fill) shape so that the parent group bbox is changed, which results in displaying the lines. For ex:

	g.createPolyline(...).setStroke({color: new dojo.Color([84, 84, 76])});

Here is the link to the Bugzilla db:

comment:3 Changed 7 years ago by Patrick Ruzand

comment:4 Changed 7 years ago by Patrick Ruzand

From chromium ticket: "The trivial workaround is to put the clip-path definition before the thing that uses it. It's a known issue."

Changed 7 years ago by Patrick Ruzand

Attachment: 16891.patch added

patch by pruzand (IBM, CCLA)

comment:5 Changed 7 years ago by cjolif

Milestone: tbd1.9.1

comment:6 Changed 7 years ago by Patrick Ruzand

Resolution: fixed
Status: assignedclosed

In [31430]:

add clippath node before shape node, fixes #16891 !strict

Note: See TracTickets for help on using tickets.