{
 "compat_features": [
  "api.Document.getBoxQuads",
  "api.Element.getBoxQuads",
  "api.Text.getBoxQuads"
 ],
 "description": "The getBoxQuads() method, when called on a document, element, pseudo-element, or text node, returns the list of DOMQuad objects that represent the CSS boxes used to render the node.",
 "description_html": "The <code>getBoxQuads()</code> method, when called on a document, element, pseudo-element, or text node, returns the list of <code>DOMQuad</code> objects that represent the CSS boxes used to render the node.",
 "kind": "feature",
 "name": "getBoxQuads()",
 "spec": [
  "https://drafts.csswg.org/cssom-view-1/"
 ],
 "status": {
  "baseline": false,
  "by_compat_key": {
   "api.Document.getBoxQuads": {
    "baseline": false,
    "support": {}
   },
   "api.Element.getBoxQuads": {
    "baseline": false,
    "support": {}
   },
   "api.Text.getBoxQuads": {
    "baseline": false,
    "support": {}
   }
  },
  "support": {}
 },
 "id": "getboxquads",
 "groups": [],
 "specs": [
  {
   "url": "https://drafts.csswg.org/cssom-view-1/",
   "seriesComposition": "full",
   "shortname": "cssom-view-1",
   "series": {
    "shortname": "cssom-view",
    "currentSpecification": "cssom-view-1",
    "title": "CSSOM View",
    "shortTitle": "CSSOM View",
    "releaseUrl": "https://www.w3.org/TR/cssom-view/",
    "nightlyUrl": "https://drafts.csswg.org/cssom-view/"
   },
   "seriesVersion": "1",
   "organization": "W3C",
   "groups": [
    {
     "name": "Cascading Style Sheets (CSS) Working Group",
     "url": "https://www.w3.org/groups/wg/css/"
    }
   ],
   "release": {
    "url": "https://www.w3.org/TR/cssom-view-1/",
    "status": "Working Draft",
    "filename": "Overview.html"
   },
   "nightly": {
    "url": "https://drafts.csswg.org/cssom-view-1/",
    "status": "Editor's Draft",
    "alternateUrls": [
     "https://w3c.github.io/csswg-drafts/cssom-view-1/",
     "https://w3c.github.io/csswg-drafts/cssom-view/"
    ],
    "repository": "https://github.com/w3c/csswg-drafts",
    "sourcePath": "cssom-view-1/Overview.bs",
    "filename": "index.html"
   },
   "title": "CSSOM View Module",
   "source": "w3c",
   "shortTitle": "CSSOM View",
   "categories": [
    "browser"
   ],
   "standing": "good",
   "tests": {
    "repository": "https://github.com/web-platform-tests/wpt",
    "testPaths": [
     "css/cssom-view"
    ]
   },
   "fragment": null
  }
 ],
 "mdnUrls": [],
 "standardPositions": [],
 "hasNegativeStandardPosition": false,
 "stateOfSurveys": [],
 "chromeUseCounters": {},
 "interop": [],
 "wpt": {
  "url": "https://wpt.fyi/results?q=feature:getboxquads"
 },
 "developerSignals": {
  "url": "https://github.com/web-platform-dx/developer-signals/issues/301",
  "votes": 3
 },
 "bugs": {},
 "useCases": [
  {
   "description": "I created a designer application and need this to get the element positions to draw the overlays: https://node-projects.github.io/web-component-designer-demo/index.html",
   "url": "https://github.com/web-platform-dx/developer-signals/issues/301#issuecomment-4708539008"
  },
  {
   "description": "Back when working on Firefox DevTools, I used to use this feature to draw overlays when highlighting elements from the Inspector panel. This API proved extremely valuable in this case as it allowed us to also correctly highlight text nodes, including when they wrap on multiple lines, or fragmented elements (e.g. in multicol containers)",
   "url": "https://github.com/web-platform-dx/developer-signals/issues/301#issuecomment-4709871781"
  }
 ],
 "baselineLowDateAsObject": null,
 "baselineHighDateAsObject": null
}