Created attachment 255987 [details] test case Open the attached test case. It has four <div> elements, each of them clips a red rectangle using a css clip-path. The css clip-paths use polygons to create different multiple clipping areas. A clipping area is closed by returning to the first point. This allows multiple areas to be created by a single polygon shape. The clip-paths in the test case represent the combinations of three clipping areas. When two areas are included, the clipping works fine. But when the three clipping areas are included, something wrong happens. The points of areas connect each other. I could not the specs that explains how to create multiple clipping areas by a single polygon. If it is not spec-ed, then we still have a bug with the first three cases: the two shapes should not be separated. We may also have a bug in the specs for not providing a way to create a "real path" for the css clip-path.
<rdar://problem/21656455>