Re: [fxtf-drafts] Support for `<number>` in the stroke-dasharray CSS property does not reflect a CSS resolution from 2018 (#594)

• From: Ana Tudor via GitHub <noreply@w3.org>
• Date: Thu, 05 Jun 2025 06:36:45 +0000
• To: public-fxtf-archive@w3.org
• Message-ID: <issue_comment.created-2942946373-1749105403-noreply@w3.org>

I just wanted to add the lack of Firefox support for `<number>` for `stroke-dasharray`/ `stroke-dashoffset` [creates a weird situation](https://mastodon.social/@anatudor/114592258156344425) when using `pathLength`.

For example, we have:

```
<rect width='100%' height='100%' pathLength='75'/>
```

In the CSS, I'd like to set:

```
rect {
  stroke-dasharray: 1 2;
  stroke-dashoffset: calc(-2*var(--hov, 0));
  transition: .5s;
}

rect:hover { --hov: 1 }
```

This doesn't work in Firefox. This does, but it feels really weird to be using `px` there.

```
stroke-dasharray: 1 2;
stroke-dashoffset: calc(-2*var(--hov, 0));
```


-- 
GitHub Notification of comment by thebabydino
Please view or discuss this issue at https://github.com/w3c/fxtf-drafts/issues/594#issuecomment-2942946373 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 5 June 2025 06:36:46 UTC