clip-path not working

[fluder]

I have code like this:
let plot = visibleArea
.append("g")
.attr("clip-path", "url(#clip)");
visibleArea
.append("g")
.append("clipPath")
.attr("id", "clip")
.append("rect")
.attr("x", margin)
.attr("y", margin)
.attr("width", width - margin - 2axisWidth + 5)
.attr("height", height - margin - 2axisWidth + 5);

I've found that it doesn't work when I use d3-canvas-transition and rendering to canvas.

Can it be fixed? Or maybe there is some workaround for this problem?