border-radius has no effect

[JakobTSutton]

The docs only provides this information:

# Only applicable to shapes, except ovals
# Integer betwen 0 and 20
border-radius: 4

I'm guessing it works like the CSS counterpart "border-radius CSS property rounds the corners of an element's outer border edge"
However when applying this style to any shape (except the circle) nothing happens.
Example:

foo.shape: "square"
foo.style.border-radius: 20

[Edit] This was tested on the D2 Playground

[alixander]

#688

[exolab]

That still doesn't work for me in v0.1.16

dang: {
  style.border-radius: 20
}

[alixander]

@exolab does it not look like this?

https://play.d2lang.com/?script=SknMS7dSqOZSUAAbpocSB1YKRgZctVyAAAAA__8%3D&

when you run d2 version it shows 0.1.6? (not 16)

[exolab]

I was surprised to see it working on my mobile phone when I read your message. Went back and checked in Chromium: works fine. But it doesn't round the corners in Firefox 109.0.1 (64-bit) on my Arch Linux laptop.

[alixander]

oh interesting! Looks like it's a firefox-specific thing then. thank you for reporting this, will track here: #777