css-nav.json

{
  "spec": {
    "title": "CSS Spatial Navigation Level 1",
    "url": "https://drafts.csswg.org/css-nav-1/"
  },
  "properties": [
    {
      "name": "spatial-navigation-contain",
      "href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-contain",
      "value": "auto | contain",
      "initial": "auto",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "values": [
        {
          "name": "auto",
          "prose": "If the element is a scroll container then it establishes a spatial navigation container, otherwise it does not.",
          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-contain-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "contain",
          "prose": "The element establishes a spatial navigation container",
          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-contain-contain",
          "type": "value",
          "value": "contain"
        }
      ],
      "styleDeclaration": [
        "spatial-navigation-contain",
        "spatialNavigationContain"
      ]
    },
    {
      "name": "spatial-navigation-action",
      "href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-action",
      "value": "auto | focus | scroll",
      "initial": "auto",
      "appliesTo": "scroll containers",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "values": [
        {
          "name": "auto",
          "prose": "If there are visible focusable elements within the scroll container in the direction requested, the closest one becomes focused. Otherwise, the scroll container is scrolled in the direction requested.",
          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-action-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "focus",
          "prose": "The focus is moved to the nearest focusable element within the scroll container, regardless of whether it is visible. If there are none, the scroll container is not scrolled, and the search continues up the ancestry chain instead.",
          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-action-focus",
          "type": "value",
          "value": "focus"
        },
        {
          "name": "scroll",
          "prose": "If the currently focused element is not itself a scroll container, this value on an ancestor scroll container has the same effect as auto. If the currently focused element is a scroll container, it is scrolled in the direction requested without changing which element is in focus, regardless of the presence of focusable descendants.",
          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-action-scroll",
          "type": "value",
          "value": "scroll"
        }
      ],
      "styleDeclaration": [
        "spatial-navigation-action",
        "spatialNavigationAction"
      ]
    },
    {
      "name": "spatial-navigation-function",
      "href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-function",
      "value": "normal | grid",
      "initial": "normal",
      "appliesTo": "spatial navigation containers",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "values": [
        {
          "name": "normal",
          "prose": "Moves the focus with the default focus navigation algorithm defined by UA. In general, the focus moves to the element with the closest distance calculated by finding the shortest distance.",
          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-function-normal",
          "type": "value",
          "value": "normal"
        },
        {
          "name": "grid",
          "prose": "Moves the focus to the element which is aligned most in the navigation direction. If there are more than one aligned candidates in the navigation direction, select the element with the closest distance along the axis which corresponds to the navigation direction. In case of multiple elements with the same distance, select the element with the minimum amount of alignment. Else if there isn’t any aligned candidate in a given direction, select the element with the closest distance along the axis which corresponds to the navigation direction. In case of multiple elements with the same distance, select the element with the minimum distance along the axis which is orthogonal to the navigation direction.",
          "href": "https://drafts.csswg.org/css-nav-1/#valdef-spatial-navigation-function-grid",
          "type": "value",
          "value": "grid"
        }
      ],
      "styleDeclaration": [
        "spatial-navigation-function",
        "spatialNavigationFunction"
      ]
    }
  ],
  "atrules": [],
  "selectors": [],
  "values": [],
  "warnings": [
    {
      "msg": "Missing definition",
      "name": "distance",
      "value": "euclidean + displacement - alignment - sqrt(Overlap)"
    }
  ]
}