`stroke-linecap` defined in a stylesheet conflict with `createDrawable` attributes

[juliangarnier]

Describe the bug

stroke-linecap: round or stroke-linecap: square lines shows a dot or a square when the drawable value is '0 0' or '1 1' when these properties are not directly defined as an attribute of the element itself. (stroke-linecap="square").

Provide a minimal reproduction demo of the bug

https://codepen.io/yolanare/pen/OPJGbqz

Describe the expected behavior

No dot or square should be visible.

[juliangarnier]

So in order to hide the dots or squares normally visible with stroke-linecap: round or stroke-linecap: square, I set the attribute stroke-linecap="butt" directly on the SVG. It works as long as the linecap is also defined as an attribute on the SVG stroke-linecap="round", but won't override the CSS definition stroke-linecap: round.
I'll need to find a way to properly override the CSS definition as well.

Meanwhile you can fix this by removing stroke-linecap: round from the css and adding the attribute directly on the SVG: