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

[cjolif]

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.

[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])});
	g.createRect({x:0,y:0,height:1,width:1});}}}

Here is the link to the Bugzilla db: ​https://bugs.webkit.org/show_bug.cgi?id=112796

[Patrick Ruzand]

link to chromium ticket: ​https://code.google.com/p/chromium/issues/detail?id=231347

[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."

[Patrick Ruzand]

patch by pruzand (IBM, CCLA)

[Patrick Ruzand]

In [31430]:

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