mdn / mdn/browser-compat-data

css.types.basic-shape.circle - Values `closest-corner` and `farthest-corner` are not supported by some browsers yet

Open Beginner friendly
#29,634 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:multiple data:css needs collector test
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

What type of issue is this?

Missing compatibility data

What information was incorrect, unhelpful, or incomplete?

Chromium-based browsers and Firefox do not yet support the closest-corner and farthest-corner values for the circle(). And it seems they are not supported in any browser for the ellipse() function, at the moment.

What browsers does this problem apply to, if applicable?

Chromium (Chrome, Edge 79+, Opera, Samsung Internet), Firefox, Safari

What did you expect to see?

A support entry for the two values mentioned above.

Did you test this? If so, how?

Browserstack with Safari 26.4, Chrome 148, and Firefox 150.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/circle
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/ellipse

Implementation bugs for Firefox:
https://bugzilla.mozilla.org/show_bug.cgi?id=2037670
https://bugzilla.mozilla.org/show_bug.cgi?id=2037673

Do you have anything more you want to share?

This seems to be part of Interop 2026, so expecting support to improve over the year.

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/circle

MDN metadata
MDN page report details
  • Query: css.types.basic-shape.circle
  • Report started: 2026-05-08T05:22:20.315Z

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the compatibility data for the css.types.basic-shape.circle query and compare its current entries with the linked MDN circle() and ellipse() pages. Verify the reported support in the referenced browser versions and implementation bugs, then add support entries for closest-corner and farthest-corner where appropriate; done means the query reports their browser compatibility accurately.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.