CSS path() gives error when used for clip-path
Open
Nobody has claimed this yet.
enhancement
- Dominant language
- Java
- Stars
- 250
- Forks
- 123
- PR merge metrics
- No merged PRs in 30d
Description
The following correct CSS was taken from MDN:s example:
#mydiv {
clip-path: path('M 0 200 L 0,75 A 5,5 0,0,1 150,75 L 200 200 z');
}
https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
The validator incorrectly gives this error:
Error: clip-path: path('M 0 200 L 0,75 A 5,5 0,0,1 150,75 L 200 200 z') is not a clip-path value.
At line 2, column 68
75 L 200 200 z');↩}↩</style>
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the reported error with the MDN clip-path path() example and trace the validator's clip-path parsing or validation entry point. Confirm completion when this valid declaration is accepted without the reported error and existing validation behavior remains intact.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, java
- Domain
- tooling, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100