mirror of
https://gitflic.ru/project/openide/openide.git
synced 2026-09-27 10:03:11 +07:00
[mdn] WEB-76986 documentation update
(cherry picked from commit 3d1d5b96158015123abbe130bc537a0b280a61b6) IJ-CR-193540 GitOrigin-RevId: 92fb53de123514df277058e4752e185463c161fa
This commit is contained in:
Sofya.Povarova
committed by
intellij-monorepo-bot
intellij-monorepo-bot
parent
9a7b79498f
commit
9719deaa65
@@ -7,8 +7,8 @@
|
||||
<p class='grayed'>Baseline since 2022
|
||||
</details>
|
||||
The <strong><code><dialog></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/HTML">HTML</a> element represents a modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.
|
||||
<p>The HTML <code><dialog></code> element is used to create both modal and non-modal dialog boxes. Modal dialog boxes interrupt interaction with the rest of the page being inert, while non-modal dialog boxes allow interaction with the rest of the page.
|
||||
<p>JavaScript should be used to display the <code><dialog></code> element. Use the <a href="https://developer.mozilla.org/en-us/docs/Web/API/HTMLDialogElement/showModal" ><code>.showModal()</code></a> method to display a modal dialog and the <a href="https://developer.mozilla.org/en-us/docs/Web/API/HTMLDialogElement/show" ><code>.show()</code></a> method to display a non-modal dialog. The dialog box can be closed using the <a href="https://developer.mozilla.org/en-us/docs/Web/API/HTMLDialogElement/close" ><code>.close()</code></a> method or using the <a href="https://developer.mozilla.org/en-us/docs/Web/HTML/Reference/Elements/form#method"><code>dialog</code></a> method when submitting a <code><form></code> that is nested within the <code><dialog></code> element. Modal dialogs can also be closed by pressing the <kbd>Esc</kbd> key.</div>
|
||||
<p>The HTML <code><dialog></code> element is used to create both modal and non-modal dialog boxes.
|
||||
Modal dialog boxes block interaction with other UI elements, making the rest of the page <a href="https://developer.mozilla.org/en-us/docs/Web/HTML/Reference/Global_attributes/inert#:~:text=When,clicked">inert</a>, while non-modal dialog boxes allow interaction with the rest of the page.</div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/html/reference/elements/dialog/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
---
|
||||
[https://developer.mozilla.org/en-us/docs/web/html/reference/elements/dialog]
|
||||
|
||||
@@ -1360,14 +1360,15 @@
|
||||
"ChromeAndroid": "42",
|
||||
"Edge": "79",
|
||||
"Firefox": "47",
|
||||
"FirefoxAndroid": "116",
|
||||
"FirefoxAndroid": "47",
|
||||
"Opera": "29",
|
||||
"Safari": "13",
|
||||
"SafariIOS": "12.2"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-08-01"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2020-01-15",
|
||||
"highDate": "2022-07-15"
|
||||
},
|
||||
"doc": "The <strong><code>display-mode</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Reference/At-rules/@media#media_features\">media feature</a> can be used to test whether a web app is being displayed in a normal browser tab or in some alternative way, such as a standalone app or fullscreen mode.\n<p>For example:\n<ul>\n<li>\n<p>A <a href=\"$MDN_URL$/Web/Progressive_web_apps\">progressive web app</a> <a href=\"$MDN_URL$/Web/Progressive_web_apps/How_to/Create_a_standalone_app\">can set its display mode</a> by setting the <a href=\"$MDN_URL$/Web/Progressive_web_apps/Manifest/Reference/display\"><code>display</code></a> member in its manifest. In this case, the value of <code>display-mode</code> identifies the value that was set (but note that this may not be the same as the value requested in the manifest, since a browser may not support the requested mode).\n</li>\n<li>\n<p>Any web app can use the <a href=\"$MDN_URL$/Web/API/Fullscreen_API\">Fullscreen API</a> or the <a href=\"$MDN_URL$/Web/API/Document_Picture-in-Picture_API\">Document Picture-in-Picture API</a> to set the display mode, and in this case the value of <code>display-mode</code> identifies the mode that was set.\n</li>\n</ul>\n<p>The <code>display-mode</code> value applies to the top-level browsing context and any child browsing contexts."
|
||||
},
|
||||
@@ -1743,6 +1744,19 @@
|
||||
},
|
||||
"scan": {
|
||||
"url": "$MDN_URL$/web/css/reference/at-rules/@media/scan",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "104",
|
||||
"ChromeAndroid": "104",
|
||||
"Edge": "104",
|
||||
"Firefox": "63",
|
||||
"FirefoxAndroid": "63",
|
||||
"Opera": "90",
|
||||
"Safari": "16.4",
|
||||
"SafariIOS": "16.4"
|
||||
},
|
||||
"doc": "The <strong><code>scan</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Reference/At-rules/@media#media_features\">media feature</a> is used to apply CSS styles based on the scanning process of the output device."
|
||||
},
|
||||
"scripting": {
|
||||
@@ -5667,7 +5681,8 @@
|
||||
"Chrome": "135",
|
||||
"ChromeAndroid": "135",
|
||||
"Edge": "135",
|
||||
"Firefox": "preview",
|
||||
"Firefox": "148",
|
||||
"FirefoxAndroid": "148",
|
||||
"Opera": "120",
|
||||
"Safari": "18.4",
|
||||
"SafariIOS": "18.4"
|
||||
@@ -6778,7 +6793,7 @@
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>alignment-baseline</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property specifies the specific <a href=\"$MDN_URL$/Glossary/Baseline/Typography\">baseline</a> used to align the box's text and inline-level contents. <strong>Baseline alignment</strong> is the relationship among the baselines of multiple alignment subjects within an alignment context. When performing baseline alignment, the <code>alignment-baseline</code> property value specifies which baseline of the box is aligned to the corresponding baseline of its alignment context.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>alignment-baseline</code> property only has an effect on inline-level boxes, flex items, grid items, table cells, and the <a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a>, <a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a>, and <a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a> SVG elements. If present, it overrides the shape's <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/alignment-baseline\"><code>alignment-baseline</code></a> attribute.\n</div>\n<p>In an inline formatting context, inline-level box fragments and glyphs share an alignment context established by their parent inline box fragment along its inline axis. In SVG text layout, these values instead specify the baseline that is aligned to the SVG current text position.",
|
||||
"formalSyntax": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
|
||||
"formalSyntax": "baseline | <baseline-metric>\n <baseline-metric> = text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
|
||||
"values": {
|
||||
"baseline": "Use the <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/dominant-baseline\"><code>dominant-baseline</code></a> value of the parent.",
|
||||
"alphabetic": "Used in writing Latin, Cyrillic, Greek, and many other scripts; matches the box's alphabetic baseline to that of its parent, corresponding to the bottom of most, but not all characters.",
|
||||
@@ -7733,6 +7748,30 @@
|
||||
"<percentage>": "Stretches the image in the corresponding dimension to the specified percentage of the <em>background positioning area</em>.\nThe background positioning area is determined by the value of <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/background-origin\"><code>background-origin</code></a> (by default, the padding box).\nHowever, if the background's <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/background-attachment\"><code>background-attachment</code></a> value is <code>fixed</code>, the positioning area is instead the entire <a href=\"$MDN_URL$/Glossary/Viewport\">viewport</a>.\nNegative values are not allowed."
|
||||
}
|
||||
},
|
||||
"baseline-shift": {
|
||||
"url": "$MDN_URL$/web/css/reference/properties/baseline-shift",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "1",
|
||||
"ChromeAndroid": "18",
|
||||
"Edge": "79",
|
||||
"Opera": "15",
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>baseline-shift</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property repositions the dominant-baseline of a text element relative to the dominant-baseline of its parent text content element. The shifted element might be a sub- or superscript. If the property is present, the value overrides the element's <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/baseline-shift\"><code>baseline-shift</code></a> attribute.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>baseline-shift</code> property only applies to <a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a> and <a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a> elements nested in an <a href=\"$MDN_URL$/Web/SVG/Reference/Element/svg\"><code><svg></code></a>. It doesn't apply to other SVG, HTML, or pseudo-elements.\n</div>",
|
||||
"formalSyntax": "<length-percentage> | sub | super | top | center | bottom\n <length-percentage> = <length> | <percentage>",
|
||||
"values": {
|
||||
"sub": "The dominant-baseline is shifted to the default position for subscripts.",
|
||||
"super": "The dominant-baseline is shifted to the default position for superscripts.",
|
||||
"<length-percentage>": "Raises (if positive) or lowers (if negative) the dominant-baseline of the text content element by the specified length or percentage, with the percentage being relative to the dominant-baseline of the parent text content element's <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/line-height\"><code>line-height</code></a>."
|
||||
}
|
||||
},
|
||||
"baseline-source": {
|
||||
"url": "$MDN_URL$/web/css/reference/properties/baseline-source",
|
||||
"status": [
|
||||
@@ -8278,7 +8317,7 @@
|
||||
"doc": "The <strong><code>border-bottom-width</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the width of the bottom border of an element.",
|
||||
"formalSyntax": "<line-width>\n <line-width> = <length [0,∞]> | thin | medium | thick",
|
||||
"values": {
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code></li>\n<li><code>medium</code></li>\n<li><code>thick</code></li>\n</ul>"
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code>\n<ul>\n<li>Same as <code>1px</code>.</li>\n</ul>\n</li>\n<li><code>medium</code>\n<ul>\n<li>Same as <code>3px</code>.</li>\n</ul>\n</li>\n<li><code>thick</code>\n<ul>\n<li>Same as <code>5px</code>.</li>\n</ul>\n</li>\n</ul>"
|
||||
}
|
||||
},
|
||||
"border-collapse": {
|
||||
@@ -8973,7 +9012,7 @@
|
||||
"doc": "The <strong><code>border-left-width</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the width of the left border of an element.",
|
||||
"formalSyntax": "<line-width>\n <line-width> = <length [0,∞]> | thin | medium | thick",
|
||||
"values": {
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code></li>\n<li><code>medium</code></li>\n<li><code>thick</code></li>\n</ul>"
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code>\n<ul>\n<li>Same as <code>1px</code>.</li>\n</ul>\n</li>\n<li><code>medium</code>\n<ul>\n<li>Same as <code>3px</code>.</li>\n</ul>\n</li>\n<li><code>thick</code>\n<ul>\n<li>Same as <code>5px</code>.</li>\n</ul>\n</li>\n</ul>"
|
||||
}
|
||||
},
|
||||
"border-radius": {
|
||||
@@ -9110,7 +9149,7 @@
|
||||
"doc": "The <strong><code>border-right-width</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the width of the right border of an element.",
|
||||
"formalSyntax": "<line-width>\n <line-width> = <length [0,∞]> | thin | medium | thick",
|
||||
"values": {
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code></li>\n<li><code>medium</code></li>\n<li><code>thick</code></li>\n</ul>"
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code>\n<ul>\n<li>Same as <code>1px</code>.</li>\n</ul>\n</li>\n<li><code>medium</code>\n<ul>\n<li>Same as <code>3px</code>.</li>\n</ul>\n</li>\n<li><code>thick</code>\n<ul>\n<li>Same as <code>5px</code>.</li>\n</ul>\n</li>\n</ul>"
|
||||
}
|
||||
},
|
||||
"border-spacing": {
|
||||
@@ -9369,7 +9408,7 @@
|
||||
"doc": "The <strong><code>border-top-width</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the width of the top border of an element.",
|
||||
"formalSyntax": "<line-width>\n <line-width> = <length [0,∞]> | thin | medium | thick",
|
||||
"values": {
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code></li>\n<li><code>medium</code></li>\n<li><code>thick</code></li>\n</ul>"
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code>\n<ul>\n<li>Same as <code>1px</code>.</li>\n</ul>\n</li>\n<li><code>medium</code>\n<ul>\n<li>Same as <code>3px</code>.</li>\n</ul>\n</li>\n<li><code>thick</code>\n<ul>\n<li>Same as <code>5px</code>.</li>\n</ul>\n</li>\n</ul>"
|
||||
}
|
||||
},
|
||||
"border-width": {
|
||||
@@ -9395,7 +9434,7 @@
|
||||
"doc": "The <strong><code>border-width</code></strong> <a href=\"$MDN_URL$/Web/CSS/Guides/Cascade/Shorthand_properties\">shorthand</a> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the width of an element's border.",
|
||||
"formalSyntax": "<'border-top-width'>{1,4}\n <border-top-width> = <line-width>\n <line-width> = <length [0,∞]> | thin | medium | thick",
|
||||
"values": {
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code></li>\n<li><code>medium</code></li>\n<li><code>thick</code></li>\n</ul>"
|
||||
"<line-width>": "Defines the width of the border, either as an explicit nonnegative <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length\"><code><length></code></a> or a keyword. If it's a keyword, it must be one of the following values:\n<ul>\n<li><code>thin</code>\n<ul>\n<li>Same as <code>1px</code>.</li>\n</ul>\n</li>\n<li><code>medium</code>\n<ul>\n<li>Same as <code>3px</code>.</li>\n</ul>\n</li>\n<li><code>thick</code>\n<ul>\n<li>Same as <code>5px</code>.</li>\n</ul>\n</li>\n</ul>"
|
||||
}
|
||||
},
|
||||
"bottom": {
|
||||
@@ -9683,8 +9722,8 @@
|
||||
"values": {
|
||||
"auto": "Allows, but does not force, any break (page, column, or region) to be inserted right before the principal box.",
|
||||
"avoid": "Avoids any break (page, column, or region) from being inserted right before the principal box.",
|
||||
"always": "Forces a page break right after the principal box. The type of this break is that of the immediately-containing fragmentation context. If we are inside a multicol container then it would force a column break, inside paged media (but not inside a multicol container) a page break.",
|
||||
"all": "Forces a page break right after the principal box. Breaking through all possible fragmentation contexts. So a break inside a multicol container, which was inside a page container would force a column and page break.",
|
||||
"always": "Forces a page break right before the principal box. The type of this break is that of the immediately-containing fragmentation context. If we are inside a multicol container then it would force a column break, inside paged media (but not inside a multicol container) a page break.",
|
||||
"all": "Forces a page break right before the principal box. Breaking through all possible fragmentation contexts. So a break inside a multicol container, which was inside a page container would force a column and page break.",
|
||||
"avoid-page": "Avoids any page break right before the principal box.",
|
||||
"page": "Forces a page break right before the principal box.",
|
||||
"left": "Forces one or two page breaks right before the principal box, whichever will make the next page into a left page. It's the page placed on the left side of the spine of the book or the back side of the page in duplex printing.",
|
||||
@@ -11297,7 +11336,7 @@
|
||||
"highDate": "2022-07-15"
|
||||
},
|
||||
"doc": "The <strong><code>dominant-baseline</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property specifies the specific <a href=\"$MDN_URL$/Glossary/Baseline/Typography\">baseline</a> used to align the box's text and inline-level contents. It also indicates the default alignment baseline of any boxes participating in baseline alignment in the box's alignment context. If present, it overrides the shape's <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/dominant-baseline\"><code>dominant-baseline</code></a> attribute.\n<p>Baselines are selected from the font baseline table. If there is no baseline table in the nominal font, or if the baseline table lacks an entry for the desired baseline, then the browser may use heuristics to determine the position of the desired baseline.\n<p>The <code>dominant-baseline</code> property is used to determine or re-determine a <em>scaled-baseline-table</em>. A scaled-baseline-table is a compound value with three components:\n<ol>\n<li>a baseline-identifier for the dominant-baseline,</li>\n<li>a baseline-table, and</li>\n<li>a baseline-table font-size.</li>\n</ol>\n<p>Some values of <code>dominant-baseline</code> re-determine all three values. Others only re-establish the baseline-table font-size. When the initial value, <code>auto</code>, would give an undesired result, this property can be used to explicitly set the desired scaled-baseline-table.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>dominant-baseline</code> property only has an effect on the <a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a>, <a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a>, and <a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a> SVG elements.\n</div>",
|
||||
"formalSyntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
|
||||
"formalSyntax": "auto | <baseline-metric>\n <baseline-metric> = text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
|
||||
"values": {
|
||||
"auto": "If this property is applied to a <a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a> element, then the computed value depends on the value of the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/writing-mode\"><code>writing-mode</code></a> attribute.\n<p>If the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/writing-mode\"><code>writing-mode</code></a> is horizontal, then the value of the dominant-baseline component is <code>alphabetic</code>. Otherwise, if the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/writing-mode\"><code>writing-mode</code></a> is vertical, then the value of the dominant-baseline component is <code>central</code>.\n<p>If this property is applied to a <a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a>, or <a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a> element, then the dominant-baseline and the baseline-table components remain the same as those of the parent text content element.\n<p>If the computed <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/baseline-shift\"><code>baseline-shift</code></a> value actually shifts the baseline, then the baseline-table font-size component is set to the value of the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/font-size\"><code>font-size</code></a> attribute on the element on which the <code>dominant-baseline</code> attribute occurs, otherwise the baseline-table font-size remains the same as that of the element.\n<p>If there is no parent text content element, the scaled-baseline-table value is constructed as for <a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a> elements.",
|
||||
"alphabetic": "The baseline-identifier for the dominant-baseline is set to be <code>alphabetic</code>, the derived baseline-table is constructed using the <code>alphabetic</code> baseline-table in the font, and the baseline-table font-size is changed to the value of the element's <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/font-size\"><code>font-size</code></a> SVG attribute or the CSS <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/font-size\"><code>font-size</code></a>, if set.",
|
||||
@@ -11871,7 +11910,7 @@
|
||||
"formalSyntax": "normal | <feature-tag-value>#\n <feature-tag-value> = <opentype-tag> [ <integer [0,∞]> | on | off ]?\n <opentype-tag> = <string>\n <integer> = <number-token>",
|
||||
"values": {
|
||||
"normal": "Indicates that text is laid out using default font settings. This is the default value.",
|
||||
"<feature-tag-value>": "Represents a space-separated tuple consisting of a tag name and an optional value.\n<p>The tag name is always a <a href=\"$MDN_URL$/Web/CSS/Reference/Values/string\"><code><string></code></a> of four <a href=\"$MDN_URL$/Glossary/ASCII\">ASCII</a> characters. If the tag name has more or fewer characters or if it contains characters outside the <code>U+20</code> – <code>U+7E</code> code point range, the descriptor is invalid.\n<p>The optional value can be a positive integer or the keyword <code>on</code> or <code>off</code>. The keywords <code>on</code> and <code>off</code> are synonyms for the values <code>1</code> and <code>0</code>, respectively. If no value is set, the default is <code>1</code>. For non-boolean OpenType features (e.g., <a href=\"https://learn.microsoft.com/en-ca/typography/opentype/spec/features_pt#tag-salt\" class=\"external\" target=\"_blank\">stylistic alternates</a>), the value implies a particular glyph to be selected; for boolean features, the value turns the feature on or off."
|
||||
"<feature-tag-value>": "Represents a space-separated tuple consisting of a tag name and an optional value.\n<dl>\n<dt id=\"tag_name\"><a href=\"#tag_name\">Tag name</a></dt>\n<dd>\n<p>The tag name is always a <a href=\"$MDN_URL$/Web/CSS/Reference/Values/string\"><code><string></code></a> of four <a href=\"$MDN_URL$/Glossary/ASCII\">ASCII</a> characters. If the tag name has more or fewer characters or if it contains characters outside the <code>U+20</code> – <code>U+7E</code> code point range, the descriptor is invalid.\n</dd>\n<dt id=\"optional_value\"><a href=\"#optional_value\">Optional value</a></dt>\n<dd>\n<p>The optional value can be a positive integer or the keyword <code>on</code> or <code>off</code>. The keywords <code>on</code> and <code>off</code> are synonyms for the values <code>1</code> and <code>0</code>, respectively. If no value is set, the default is <code>1</code>. For non-boolean OpenType features (e.g., <a href=\"https://learn.microsoft.com/en-ca/typography/opentype/spec/features_pt#tag-salt\" class=\"external\" target=\"_blank\">stylistic alternates</a>), the value implies a particular glyph to be selected; for boolean features, the value turns the feature on or off.\n</dd>\n</dl>"
|
||||
}
|
||||
},
|
||||
"font-kerning": {
|
||||
@@ -12466,7 +12505,8 @@
|
||||
"SafariIOS": "9.3"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-09-15"
|
||||
},
|
||||
"doc": "The <strong><code>font-variant-position</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.\n<p>The glyphs are positioned relative to the baseline of the font, which remains unchanged. These glyphs are typically used in <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/sub\"><code><sub></code></a> and <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/sup\"><code><sup></code></a> elements.\n<p>When the usage of these alternate glyphs is activated, if one character in the run doesn't have such a typographically-enhanced glyph, the whole set of characters of the run is rendered using a fallback method, synthesizing these glyphs.\n<p>These alternate glyphs share the same em-box and the same baseline as the rest of the font. They are merely graphically enhanced, and have no effect on the line-height and other box characteristics.",
|
||||
"formalSyntax": "normal | sub | super",
|
||||
@@ -14947,7 +14987,9 @@
|
||||
"Edge": "109",
|
||||
"Firefox": "117",
|
||||
"FirefoxAndroid": "117",
|
||||
"Opera": "95"
|
||||
"Opera": "95",
|
||||
"Safari": "26.4",
|
||||
"SafariIOS": "26.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
@@ -20307,7 +20349,7 @@
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>vertical-align</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets vertical alignment of an inline, inline-block or table-cell box.",
|
||||
"formalSyntax": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>\n <alignment-baseline> = baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top\n <baseline-shift> = <length-percentage> | sub | super | top | center | bottom\n <length-percentage> = <length> | <percentage>"
|
||||
"formalSyntax": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>\n <alignment-baseline> = baseline | <baseline-metric>\n <baseline-shift> = <length-percentage> | sub | super | top | center | bottom\n <baseline-metric> = text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top\n <length-percentage> = <length> | <percentage>"
|
||||
},
|
||||
"view-timeline": {
|
||||
"url": "$MDN_URL$/web/css/reference/properties/view-timeline",
|
||||
@@ -20591,7 +20633,9 @@
|
||||
"max-content": "The intrinsic preferred width.",
|
||||
"min-content": "The intrinsic minimum width.",
|
||||
"fit-content": "Use the available space, but not more than <a href=\"$MDN_URL$/Web/CSS/Reference/Values/max-content\">max-content</a>, i.e., <code>min(max-content, max(min-content, stretch))</code>.",
|
||||
"fit-content(<length-percentage>)": "Uses the fit-content formula with the available space replaced by the specified argument, i.e., <code>min(max-content, max(min-content, <length-percentage>))</code>.",
|
||||
"anchor-size()": "Sets the width relative to a dimension of an anchor element. When defining the <code>width</code> of an anchor-positioned element, the first parameter defaults to the associated anchor's width. If applied to a non-anchor-positioned element, it sets the width to the fallback value. If no fallback is defined, the declaration is ignored.",
|
||||
"calc-size()": "Sets the width to a modified intrinsic size.",
|
||||
"fit-content(<length-percentage>)": "Uses the fit-content formula with the available space replaced by the specified argument, clamping the width according to the formula <code>min(maximum size, max(minimum size, <length-percentage>))</code>.",
|
||||
"stretch": "Sets the width of the element's <a href=\"$MDN_URL$/Learn_web_development/Core/Styling_basics/Box_model#parts_of_a_box\">margin box</a> to the width of its <a href=\"$MDN_URL$/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block\">containing block</a>. It attempts to make the margin box fill the available space in the containing block, so in a way behaving similar to <code>100%</code> but applying the resulting size to the margin box rather than the box determined by <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/box-sizing\">box-sizing</a>."
|
||||
}
|
||||
},
|
||||
@@ -21009,16 +21053,12 @@
|
||||
"Chrome": "110",
|
||||
"ChromeAndroid": "110",
|
||||
"Edge": "110",
|
||||
"Firefox": "86",
|
||||
"FirefoxAndroid": "86",
|
||||
"Opera": "96",
|
||||
"Safari": "15",
|
||||
"SafariIOS": "15"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-02-09",
|
||||
"highDate": "2025-08-09"
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>:autofill</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Reference/Selectors/Pseudo-classes\">pseudo-class</a> matches when an <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input\"><code><input></code></a> element has its value autofilled by the browser. The class stops matching if the user edits the field."
|
||||
},
|
||||
@@ -21213,8 +21253,9 @@
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-08-01"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-08-01",
|
||||
"highDate": "2026-02-01"
|
||||
},
|
||||
"doc": "The <strong><code>:first</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Reference/Selectors/Pseudo-classes\">pseudo-class</a>, used with the <a href=\"$MDN_URL$/Web/CSS/Reference/At-rules/@page\"><code>@page</code></a> <a href=\"$MDN_URL$/Web/CSS/Guides/Syntax/At-rules\">at-rule</a>, represents the first page of a printed document. (See <a href=\"$MDN_URL$/Web/CSS/Reference/Selectors/:first-child\"><code>:first-child</code></a> for general first element of a node.)\n<div>\n```css\n/* Selects the first page when printing */\n@page :first {\n margin-left: 50%;\n margin-top: 50%;\n}\n```\n</div>\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nYou can't change all CSS properties with this pseudo-class. You can only change the margins, <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/orphans\"><code>orphans</code></a>, <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/widows\"><code>widows</code></a>, and page breaks of the document. Furthermore, you may only use <a href=\"$MDN_URL$/Web/CSS/Reference/Values/length#absolute_length_units\">absolute-length</a> units when defining the margins. All other properties will be ignored.\n</div>"
|
||||
},
|
||||
@@ -23151,7 +23192,7 @@
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "The <strong><code>::search-text</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Reference/Selectors/Pseudo-elements\">pseudo-element</a> applies styles to search results identified by the user agent's \"Find\" or \"Find in page\" text search feature."
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>::search-text</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Reference/Selectors/Pseudo-elements\">pseudo-element</a> applies styles to search results identified by the user agent's \"Find\" or \"Find in page\" text search feature."
|
||||
},
|
||||
"selection": {
|
||||
"url": "$MDN_URL$/web/css/reference/selectors/_doublecolon_selection",
|
||||
|
||||
@@ -517,7 +517,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>blur</code></strong> event fires when an element has lost focus. The event does not bubble, but the related <a href=\"$MDN_URL$/Web/API/Element/focusout_event\" ><code>focusout</code></a> event that follows does bubble.\nAn element will lose focus if another element is selected.\nAn element will also lose focus if a style that does not allow focus is applied, such as <code>hidden</code>, or if the element is removed from the document — in both of these cases focus moves to the <code>body</code> element (viewport).\nNote however that <code>blur</code> is not fired when a focused element is removed from the document.\nThe opposite of <code>blur</code> is the <a href=\"$MDN_URL$/Web/API/Element/focus_event\" ><code>focus</code></a> event, which fires when the element has <em>received</em> focus.\nThe <code>blur</code> event is not cancelable."
|
||||
"doc": "The <strong><code>blur</code></strong> event fires when an element has lost focus. The event does not bubble, but the related <a href=\"$MDN_URL$/Web/API/Element/focusout_event\" ><code>focusout</code></a> event that follows does bubble.\nAn element will lose focus if another element is selected.\nAn element will also lose focus if a style that does not allow focus is applied, such as <code>hidden</code>, or if the element is removed from the document — in both of these cases focus moves to the <code>body</code> element (viewport).\nNote that browser behavior differs when a focused element is removed from the document. In Chromium-based browsers, removing a focused element triggers a <code>blur</code> event, while in Firefox it does not.\nThe opposite of <code>blur</code> is the <a href=\"$MDN_URL$/Web/API/Element/focus_event\" ><code>focus</code></a> event, which fires when the element has <em>received</em> focus.\nThe <code>blur</code> event is not cancelable."
|
||||
},
|
||||
"boundary": {
|
||||
"url": "$MDN_URL$/web/api/speechsynthesisutterance/boundary_event",
|
||||
@@ -3792,7 +3792,7 @@
|
||||
"lowDate": "2021-04-26",
|
||||
"highDate": "2023-10-26"
|
||||
},
|
||||
"doc": "The <code>visibilitychange</code> event is fired at the document when the contents of its tab have become visible or have been hidden.\nThe event is not cancelable."
|
||||
"doc": "The <code>visibilitychange</code> event is fired at the document when its visibility status changes — for example, when the user switches browser tabs, navigates to a new page, minimizes or closes the browser, or on mobile, switches to a different app.\nThe event is not cancelable."
|
||||
},
|
||||
"voiceschanged": {
|
||||
"url": "$MDN_URL$/web/api/speechsynthesis/voiceschanged_event",
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -3075,6 +3075,7 @@
|
||||
"Chrome": "20",
|
||||
"ChromeAndroid": "33",
|
||||
"Edge": "12",
|
||||
"Firefox": "4",
|
||||
"Opera": "9.5",
|
||||
"Safari": "12.1",
|
||||
"SafariIOS": "12.2"
|
||||
@@ -3328,7 +3329,7 @@
|
||||
"lowDate": "2022-03-14",
|
||||
"highDate": "2024-09-14"
|
||||
},
|
||||
"doc": "The <strong><code><dialog></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element represents a modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.\n<p>The HTML <code><dialog></code> element is used to create both modal and non-modal dialog boxes. Modal dialog boxes interrupt interaction with the rest of the page being inert, while non-modal dialog boxes allow interaction with the rest of the page.\n<p>JavaScript should be used to display the <code><dialog></code> element. Use the <a href=\"$MDN_URL$/Web/API/HTMLDialogElement/showModal\" ><code>.showModal()</code></a> method to display a modal dialog and the <a href=\"$MDN_URL$/Web/API/HTMLDialogElement/show\" ><code>.show()</code></a> method to display a non-modal dialog. The dialog box can be closed using the <a href=\"$MDN_URL$/Web/API/HTMLDialogElement/close\" ><code>.close()</code></a> method or using the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/form#method\"><code>dialog</code></a> method when submitting a <code><form></code> that is nested within the <code><dialog></code> element. Modal dialogs can also be closed by pressing the <kbd>Esc</kbd> key.",
|
||||
"doc": "The <strong><code><dialog></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element represents a modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.\n<p>The HTML <code><dialog></code> element is used to create both modal and non-modal dialog boxes.\nModal dialog boxes block interaction with other UI elements, making the rest of the page <a href=\"$MDN_URL$/Web/HTML/Reference/Global_attributes/inert#:~:text=When,clicked\">inert</a>, while non-modal dialog boxes allow interaction with the rest of the page.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Guides/Content_categories\">Content categories</a>": "<a href=\"$MDN_URL$/Web/HTML/Guides/Content_categories#flow_content\">Flow content</a>\n,\nsectioning root\n",
|
||||
"Permitted content": "<a href=\"$MDN_URL$/Web/HTML/Guides/Content_categories#flow_content\">Flow content</a>\n",
|
||||
@@ -4538,6 +4539,56 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"geolocation": {
|
||||
"url": "$MDN_URL$/web/html/reference/elements/geolocation",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code><geolocation></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element creates an interactive control for the user to share their location data with the page.\n<p>It provides:\n<ul>\n<li>An intuitive browser-defined UI.</li>\n<li>A process for handling the necessary permissions for the <code>geolocation</code> feature.</li>\n<li>API features for accessing location data and responding to received location data and permission changes.</li>\n</ul>\n<p>The <code><geolocation></code> element provides a declarative browser-defined control for sharing location data. In Chrome, for example, the button features a \"map pin\" icon and intuitive text (\"Use location\" in English content).\n<p>It also allows for intuitive management of user permissions.\nFor example, in Chrome, if the user previously denied permission to access location data, or dismissed the permission dialog without making a choice, they are free to press the button again to update their choice.\nIn cases where they previously denied permission, subsequent dialogs will inform them that they previously didn't allow location data to be shared, and ask them whether they want to continue not allowing it, or to allow it.\n<p>A key aspect of the <code><geolocation></code> element is that it reflects the user's conscious choice, and blocks possible usage that might trick the user into providing their location data unwittingly (see <a href=\"#geolocation_blocking\"><code><geolocation></code> blocking</a> for more information).\n<p>The element's DOM API interface, <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a>, provides features to access returned position data, current permission status, and errors if the data retrieval was unsuccessful, reducing the amount of JavaScript logic that needs to be written. It also has events available to run code in response to location data being received, changes in permission status, and user interactions with the permission dialog.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nFor performance reasons, a maximum of three <code><geolocation></code> elements are allowed on any one page. If this quota is exceeded, all <code><geolocation></code> elements have their functionality disabled.\n</div>",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Guides/Content_categories\">Content categories</a>": "<a href=\"$MDN_URL$/Web/HTML/Guides/Content_categories#flow_content\">Flow content</a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Guides/Content_categories#phrasing_content\">phrasing content</a>\n, interactive content, palpable content.\n",
|
||||
"Permitted content": "Any suitable transparent fallback content.\n",
|
||||
"Tag omission": "None, both the starting and ending tag are mandatory.\n",
|
||||
"Permitted parents": "Any element that accepts phrasing content.\n",
|
||||
"Implicit ARIA role": "<a href=\"https://w3c.github.io/html-aria/#dfn-no-corresponding-role\" class=\"external\" target=\"_blank\">No corresponding role</a>\n",
|
||||
"Permitted ARIA roles": "<a href=\"$MDN_URL$/Web/Accessibility/ARIA/Reference/Roles/button_role\"><code>button</code></a>\n",
|
||||
"DOM interface": "<a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a>\n"
|
||||
},
|
||||
"attrs": {
|
||||
"autolocate": {
|
||||
"url": "$MDN_URL$/web/html/reference/elements/geolocation#autolocate",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "A boolean attribute that, when set to <code>true</code>, specifies that the browser should immediately retrieve location data when the <code><geolocation></code> element is rendered, provided permission was previously granted. If set to <code>false</code>, location data is not retrieved until the user activates the control. Defaults to <code>false</code>.\n<p>If permission was not previously granted, this attribute has no effect."
|
||||
},
|
||||
"watch": {
|
||||
"url": "$MDN_URL$/web/html/reference/elements/geolocation#watch",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "A boolean attribute that, when set to <code>true</code>, specifies that the browser should retrieve location data whenever the position of the user's device changes. If set to <code>false</code>, location data is only retrieved once. Defaults to <code>false</code>."
|
||||
}
|
||||
}
|
||||
},
|
||||
"head": {
|
||||
"url": "$MDN_URL$/web/html/reference/elements/head",
|
||||
"status": [
|
||||
@@ -6033,8 +6084,9 @@
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-08-01"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-08-01",
|
||||
"highDate": "2026-02-01"
|
||||
},
|
||||
"doc": "Valid for <code>hidden</code>, <code>text</code>, <code>search</code>, <code>url</code>, <code>tel</code>, and <code>email</code> input types, the <code>dirname</code> attribute enables the submission of the directionality of the element. When included, the form control will submit with two name/value pairs: the first being the <a href=\"#name\"><code>name</code></a> and <a href=\"#value\"><code>value</code></a>, and the second being the value of the <code>dirname</code> attribute as the name, with a value of <code>ltr</code> or <code>rtl</code> as set by the browser.\n<div>\n```html\n<form action=\"page.html\" method=\"post\">\n <label>\n Fruit:\n <input type=\"text\" name=\"fruit\" dirname=\"fruit-dir\" value=\"cherry\" />\n </label>\n <input type=\"submit\" />\n</form>\n<!-- page.html?fruit=cherry&fruit-dir=ltr -->\n```\n</div>\n<p>When the form above is submitted, the input cause both the <code>name</code> / <code>value</code> pair of <code>fruit=cherry</code> and the <code>dirname</code> / direction pair of <code>fruit-dir=ltr</code> to be sent.\nFor more information, see the <a href=\"$MDN_URL$/Web/HTML/Reference/Attributes/dirname\"><code>dirname</code> attribute</a>."
|
||||
},
|
||||
@@ -6210,24 +6262,6 @@
|
||||
},
|
||||
"list": {
|
||||
"url": "$MDN_URL$/web/html/reference/elements/input#list",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "20",
|
||||
"ChromeAndroid": "25",
|
||||
"Edge": "12",
|
||||
"Firefox": "4",
|
||||
"FirefoxAndroid": "4",
|
||||
"Opera": "12.1",
|
||||
"Safari": "12.1",
|
||||
"SafariIOS": "12.2"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2019-03-25",
|
||||
"highDate": "2021-09-25"
|
||||
},
|
||||
"doc": "The value given to the <code>list</code> attribute should be the <a href=\"$MDN_URL$/Web/API/Element/id\" ><code>id</code></a> of a <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/datalist\"><code><datalist></code></a> element located in the same document. The <code><datalist></code> provides a list of predefined values to suggest to the user for this input. Any values in the list that are not compatible with the <a href=\"#type\"><code>type</code></a> are not included in the suggested options. The values provided are suggestions, not requirements: users can select from this predefined list or provide a different value.\n<p>It is valid on <code>text</code>, <code>search</code>, <code>url</code>, <code>tel</code>, <code>email</code>, <code>date</code>, <code>month</code>, <code>week</code>, <code>time</code>, <code>datetime-local</code>, <code>number</code>, <code>range</code>, and <code>color</code>.\n<p>Per the specifications, the <code>list</code> attribute is not supported by the <code>hidden</code>, <code>password</code>, <code>checkbox</code>, <code>radio</code>, <code>file</code>, or any of the button types.\n<p>Depending on the browser, the user may see a custom color palette suggested, tic marks along a range, or even an input that opens like a <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/select\"><code><select></code></a> but allows for non-listed values. Check out the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/datalist#browser_compatibility\">browser compatibility table</a> for the other input types.\n<p>See the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/datalist\"><code><datalist></code></a> element."
|
||||
},
|
||||
"max": {
|
||||
@@ -11271,6 +11305,10 @@
|
||||
},
|
||||
"doc": "Sets the value of the <a href=\"$MDN_URL$/Web/API/ShadowRoot/clonable\"><code>clonable</code></a> property of a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a> created using this element to <code>true</code>.\nIf set, a clone of the shadow host (the parent element of this <code><template></code>) created with <a href=\"$MDN_URL$/Web/API/Node/cloneNode\"><code>Node.cloneNode()</code></a> or <a href=\"$MDN_URL$/Web/API/Document/importNode\"><code>Document.importNode()</code></a> will include a shadow root in the copy."
|
||||
},
|
||||
"shadowrootcustomelementregistry": {
|
||||
"url": "$MDN_URL$/web/html/reference/elements/template#shadowrootcustomelementregistry",
|
||||
"doc": "Sets the <a href=\"$MDN_URL$/Web/API/ShadowRoot/customElementRegistry\"><code>customElementRegistry</code></a> property of a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a> created using this element to <code>null</code>, rather than the document's <a href=\"$MDN_URL$/Web/API/Document/customElementRegistry\">custom element registry</a>.\nThis allows a scoped <a href=\"$MDN_URL$/Web/API/CustomElementRegistry\"><code>CustomElementRegistry</code></a> to be attached later using <a href=\"$MDN_URL$/Web/API/CustomElementRegistry/initialize\"><code>CustomElementRegistry.initialize()</code></a>."
|
||||
},
|
||||
"shadowrootdelegatesfocus": {
|
||||
"url": "$MDN_URL$/web/html/reference/elements/template#shadowrootdelegatesfocus",
|
||||
"status": [
|
||||
@@ -11447,8 +11485,9 @@
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-08-01"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-08-01",
|
||||
"highDate": "2026-02-01"
|
||||
},
|
||||
"doc": "This attribute is used to indicate the text directionality of the element contents.\nFor more information, see the <a href=\"$MDN_URL$/Web/HTML/Reference/Attributes/dirname\"><code>dirname</code> attribute</a>."
|
||||
},
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1838,13 +1838,32 @@
|
||||
"Edge": "128",
|
||||
"Firefox": "126",
|
||||
"FirefoxAndroid": "126",
|
||||
"Opera": "114"
|
||||
"Opera": "114",
|
||||
"Safari": "26.4",
|
||||
"SafariIOS": "26.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>currentCSSZoom</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> interface provides the \"effective\" <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/zoom\">CSS <code>zoom</code></a> of an element, taking into account the zoom applied to the element and all its parent elements.\n<p>The value calculated by multiplying the CSS <code>zoom</code> values of the element and all of its parents.\nFor example, if three elements with zoom values of 2, 1.5, and 3, are nested within each other, the most deeply nested element will have a <code>currentCSSZoom</code> value of 9.\nIf the element doesn't have a CSS box, for example because <code>display: none</code> is set on the element or one of its parents, then the <code>currentCSSZoom</code> is set to 1.\n<p>Note that some methods, such as <a href=\"$MDN_URL$/Web/API/Element/getBoundingClientRect\"><code>Element.getBoundingClientRect()</code></a>, return dimensions and position that are relative to the viewport, and hence include the effects of CSS <code>zoom</code>.\nOther properties and methods return values that are relative to the element itself, and do not include the effects of zooming.\nThese include, for example, <code>client*</code> properties such as <a href=\"$MDN_URL$/Web/API/Element/clientHeight\"><code>Element.clientHeight</code></a>, <code>scroll*()</code> methods like <a href=\"$MDN_URL$/Web/API/Element/scroll\"><code>Element.scroll()</code></a>, and <code>offset*</code> properties such as <a href=\"$MDN_URL$/Web/API/HTMLElement/offsetHeight\"><code>HTMLElement.offsetHeight</code></a>.\nThe <code>currentCSSZoom</code> property can be used to scale these values to adjust for the effects of zooming."
|
||||
},
|
||||
"element.customelementregistry": {
|
||||
"url": "$MDN_URL$/web/api/element/customElementRegistry",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "146",
|
||||
"ChromeAndroid": "146",
|
||||
"Edge": "146",
|
||||
"Safari": "26",
|
||||
"SafariIOS": "26"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>customElementRegistry</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> interface returns the <a href=\"$MDN_URL$/Web/API/CustomElementRegistry\"><code>CustomElementRegistry</code></a> object associated with this element, or <code>null</code> if one has not been set.\n<p>An element's <code>customElementRegistry</code> is set when the element is created (for example, via <a href=\"$MDN_URL$/Web/API/Document/createElement\"><code>Document.createElement()</code></a> with the <code>customElementRegistry</code> option, or when parsed in a context that has a scoped registry). Once set to a <code>CustomElementRegistry</code> object, it cannot be changed. The registry determines which <a href=\"$MDN_URL$/Web/API/Web_components/Using_custom_elements\">custom element</a> definitions are used when the element is <a href=\"$MDN_URL$/Web/API/CustomElementRegistry/upgrade\">upgraded</a>."
|
||||
},
|
||||
"element.elementtiming": {
|
||||
"url": "$MDN_URL$/web/api/element/elementtiming",
|
||||
"status": [
|
||||
@@ -3382,9 +3401,9 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "145",
|
||||
"ChromeAndroid": "145",
|
||||
"Edge": "145",
|
||||
"Chrome": "146",
|
||||
"ChromeAndroid": "146",
|
||||
"Edge": "146",
|
||||
"Firefox": "148",
|
||||
"FirefoxAndroid": "148"
|
||||
},
|
||||
@@ -5350,7 +5369,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>Event</code></strong> interface represents an event which takes place on an <a href=\"$MDN_URL$/Web/API/EventTarget\"><code>EventTarget</code></a>.\n<p>An event can be triggered by the user action e.g., clicking the mouse button or tapping keyboard, or generated by APIs to represent the progress of an asynchronous task. It can also be triggered programmatically, such as by calling the <a href=\"$MDN_URL$/Web/API/HTMLElement/click\"><code>HTMLElement.click()</code></a> method of an element, or by defining the event, then sending it to a specified target using <a href=\"$MDN_URL$/Web/API/EventTarget/dispatchEvent\"><code>EventTarget.dispatchEvent()</code></a>.\n<p>There are many types of events, some of which use other interfaces based on the main <code>Event</code> interface. <code>Event</code> itself contains the properties and methods which are common to all events.\n<p>Many DOM elements can be set up to accept (or \"listen\" for) these events, and execute code in response to process (or \"handle\") them. Event-handlers are usually connected (or \"attached\") to various <a href=\"$MDN_URL$/Web/HTML/Reference/Elements\">HTML elements</a> (such as <code><button></code>, <code><div></code>, <code><span></code>, etc.) using <a href=\"$MDN_URL$/Web/API/EventTarget/addEventListener\"><code>EventTarget.addEventListener()</code></a>, and this generally replaces using the old HTML <a href=\"$MDN_URL$/Web/HTML/Reference/Global_attributes\">event handler attributes</a>. Further, when properly added, such handlers can also be disconnected if needed using <a href=\"$MDN_URL$/Web/API/EventTarget/removeEventListener\"><code>removeEventListener()</code></a>.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nOne element can have several such handlers, even for the exact same event—particularly if separate, independent code modules attach them, each for its own independent purposes. (For example, a webpage with an advertising-module and statistics-module both monitoring video-watching.)\n</div>\n<p>When there are many nested elements, each with its own handler(s), event processing can become very complicated—especially where a parent element receives the very same event as its child elements because \"spatially\" they overlap so the event technically occurs in both, and the processing order of such events depends on the <a href=\"$MDN_URL$/Learn_web_development/Core/Scripting/Event_bubbling\">Event bubbling</a> settings of each handler triggered."
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>Event</code></strong> interface represents an event which takes place on an <a href=\"$MDN_URL$/Web/API/EventTarget\"><code>EventTarget</code></a>.\n<p>An event can be triggered by the user action e.g., clicking the mouse button or tapping the keyboard, or generated by APIs to represent the progress of an asynchronous task. It can also be triggered programmatically, such as by calling the <a href=\"$MDN_URL$/Web/API/HTMLElement/click\"><code>HTMLElement.click()</code></a> method of an element, or by defining the event, then sending it to a specified target using <a href=\"$MDN_URL$/Web/API/EventTarget/dispatchEvent\"><code>EventTarget.dispatchEvent()</code></a>.\n<p>There are many types of events, some of which use other interfaces based on the main <code>Event</code> interface. <code>Event</code> itself contains the properties and methods which are common to all events.\n<p>Many DOM elements can be set up to accept (or \"listen\" for) these events, and execute code in response to process (or \"handle\") them. Event-handlers are usually connected (or \"attached\") to various <a href=\"$MDN_URL$/Web/HTML/Reference/Elements\">HTML elements</a> (such as <code><button></code>, <code><div></code>, <code><span></code>, etc.) using <a href=\"$MDN_URL$/Web/API/EventTarget/addEventListener\"><code>EventTarget.addEventListener()</code></a>, and this generally replaces using the old HTML <a href=\"$MDN_URL$/Web/HTML/Reference/Global_attributes\">event handler attributes</a>. Further, when properly added, such handlers can also be disconnected if needed using <a href=\"$MDN_URL$/Web/API/EventTarget/removeEventListener\"><code>removeEventListener()</code></a>.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nOne element can have several such handlers, even for the exact same event—particularly if separate, independent code modules attach them, each for its own independent purposes. (For example, a webpage with an advertising-module and statistics-module both monitoring video-watching.)\n</div>\n<p>When there are many nested elements, each with its own handler(s), event processing can become very complicated—especially where a parent element receives the very same event as its child elements because \"spatially\" they overlap so the event technically occurs in both, and the processing order of such events depends on the <a href=\"$MDN_URL$/Learn_web_development/Core/Scripting/Event_bubbling\">Event bubbling</a> settings of each handler triggered."
|
||||
},
|
||||
"event.bubbles": {
|
||||
"url": "$MDN_URL$/web/api/event/bubbles",
|
||||
@@ -9333,9 +9352,9 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "35",
|
||||
"ChromeAndroid": "35",
|
||||
"Edge": "79",
|
||||
"Chrome": "140",
|
||||
"ChromeAndroid": "140",
|
||||
"Edge": "140",
|
||||
"Firefox": "41",
|
||||
"FirefoxAndroid": "41",
|
||||
"Opera": "124",
|
||||
@@ -9343,9 +9362,8 @@
|
||||
"SafariIOS": "10"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2020-01-15",
|
||||
"highDate": "2022-07-15"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-09-05"
|
||||
},
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>featureSettings</code></strong> property of the <a href=\"$MDN_URL$/Web/API/FontFace\"><code>FontFace</code></a> interface retrieves or sets infrequently used font features that are not available from a font's variant properties.\n<p>This property is equivalent to the <a href=\"$MDN_URL$/Web/CSS/Reference/Properties/font-feature-settings\"><code>font-feature-settings</code></a> descriptor."
|
||||
},
|
||||
@@ -10450,7 +10468,7 @@
|
||||
"doc": "The <strong><code>GainNode()</code></strong> constructor of the <a href=\"$MDN_URL$/Web/API/Web_Audio_API\">Web Audio API</a> creates a new\n<a href=\"$MDN_URL$/Web/API/GainNode\"><code>GainNode</code></a> object which is an <a href=\"$MDN_URL$/Web/API/AudioNode\"><code>AudioNode</code></a> that represents a\nchange in volume.",
|
||||
"parameters": {
|
||||
"context": "A reference to a <a href=\"$MDN_URL$/Web/API/BaseAudioContext\"><code>BaseAudioContext</code></a>, e.g., an <a href=\"$MDN_URL$/Web/API/AudioContext\"><code>AudioContext</code></a>.",
|
||||
"options": "Options are as follows:\n<dl>\n<dt id=\"gain\"><a href=\"#gain\"><code>gain</code></a></dt>\n<dd>\n<p>The amount of gain to apply. This parameter is a- <code>rate</code>\nand it's nominal range is (-∞,+∞). The default is <code>1</code>.\n</dd>\n<dt id=\"channelcount\"><a href=\"#channelcount\"><code>channelCount</code></a></dt>\n<dd>\n<p>Represents an integer used to determine how many channels are used when <a href=\"$MDN_URL$/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#up-mixing_and_down-mixing\">up-mixing and down-mixing</a> connections to any inputs to the node. (See\n<a href=\"$MDN_URL$/Web/API/AudioNode/channelCount\"><code>AudioNode.channelCount</code></a> for more information.) Its usage and precise\ndefinition depend on the value of <code>channelCountMode</code>.\n</dd>\n<dt id=\"channelcountmode\"><a href=\"#channelcountmode\"><code>channelCountMode</code></a></dt>\n<dd>\n<p>Represents an enumerated value describing the way channels must be matched between\nthe node's inputs and outputs. (See <a href=\"$MDN_URL$/Web/API/AudioNode/channelCountMode\"><code>AudioNode.channelCountMode</code></a> for more\ninformation including default values.)\n</dd>\n<dt id=\"channelinterpretation\"><a href=\"#channelinterpretation\"><code>channelInterpretation</code></a></dt>\n<dd>\n<p>Represents an enumerated value describing the meaning of the channels. This\ninterpretation will define how audio <a href=\"$MDN_URL$/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#up-mixing_and_down-mixing\">up-mixing and down-mixing</a> will happen.\nThe possible values are <code>\"speakers\"</code> or <code>\"discrete\"</code>. (See\n<a href=\"$MDN_URL$/Web/API/AudioNode/channelCountMode\"><code>AudioNode.channelCountMode</code></a> for more information including default\nvalues.)\n</dd>\n</dl>"
|
||||
"options": "Options are as follows:\n<dl>\n<dt id=\"gain\"><a href=\"#gain\"><code>gain</code></a></dt>\n<dd>\n<p>The amount of gain to apply. This parameter is a- <code>rate</code>\nand it's nominal range is (-∞,+∞). The default is <code>1</code>.\n</dd>\n<dt id=\"channelcount\"><a href=\"#channelcount\"><code>channelCount</code></a></dt>\n<dd>\n<p>Represents an integer used to determine how many channels are used when <a href=\"$MDN_URL$/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#up-mixing_and_down-mixing\">up-mixing and down-mixing</a> connections to any inputs to the node. (See\n<a href=\"$MDN_URL$/Web/API/AudioNode/channelCount\"><code>AudioNode.channelCount</code></a> for more information.) Its usage and precise\ndefinition depend on the value of <code>channelCountMode</code>.\n</dd>\n<dt id=\"channelcountmode\"><a href=\"#channelcountmode\"><code>channelCountMode</code></a></dt>\n<dd>\n<p>Represents an enumerated value describing the way channels must be matched between\nthe node's inputs and outputs. (See <a href=\"$MDN_URL$/Web/API/AudioNode/channelCountMode\"><code>AudioNode.channelCountMode</code></a> for more\ninformation including default values.)\n</dd>\n<dt id=\"channelinterpretation\"><a href=\"#channelinterpretation\"><code>channelInterpretation</code></a></dt>\n<dd>\n<p>Represents an enumerated value describing the meaning of the channels. This\ninterpretation will define how audio <a href=\"$MDN_URL$/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#up-mixing_and_down-mixing\">up-mixing and down-mixing</a> will happen.\nThe possible values are <code>\"speakers\"</code> or <code>\"discrete\"</code>. (See\n<a href=\"$MDN_URL$/Web/API/AudioNode/channelInterpretation\"><code>AudioNode.channelInterpretation</code></a> for more information including default\nvalues.)\n</dd>\n</dl>"
|
||||
},
|
||||
"returns": "A new <a href=\"$MDN_URL$/Web/API/GainNode\"><code>GainNode</code></a> object instance."
|
||||
},
|
||||
@@ -21162,6 +21180,137 @@
|
||||
},
|
||||
"doc": "<div class=\"notecard deprecated\"><p><strong>Deprecated:</strong> This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the <a href=\"#browser_compatibility\">compatibility table</a> at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.</div>\n<p>The <strong><code>HTMLFrameSetElement</code></strong> interface provides special properties (beyond those of the regular <a href=\"$MDN_URL$/Web/API/HTMLElement\"><code>HTMLElement</code></a> interface they also inherit) for manipulating <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/frameset\"><code><frameset></code></a> elements."
|
||||
},
|
||||
"htmlgeolocationelement": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>HTMLGeolocationElement</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/HTML_DOM_API\">HTML DOM API</a> represents the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation\"><code><geolocation></code></a> element, and provides access to its properties and events.\n<p>This element is based on, and inherits properties and methods from, the <a href=\"$MDN_URL$/Web/API/HTMLElement\"><code>HTMLElement</code></a> interface.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code><geolocation></code> element and <code>HTMLGeolocationElement</code> interface allow the user to share their location data with the page in a more consistent and intuitive way than the older <a href=\"$MDN_URL$/Web/API/Geolocation_API\">Geolocation API</a>.\n</div>"
|
||||
},
|
||||
"htmlgeolocationelement.autolocate": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/autolocate",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>autolocate</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface gets and sets a boolean value indicating whether the browser should immediately request location data when the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation\"><code><geolocation></code></a> element is rendered, provided permission to use the <code>geolocation</code> feature is already granted.\n<p>It reflects the value of the <code><geolocation></code> <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation#autolocate\"><code>autolocate</code></a> attribute."
|
||||
},
|
||||
"htmlgeolocationelement.error": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/error",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>error</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface returns a <a href=\"$MDN_URL$/Web/API/GeolocationPositionError\"><code>GeolocationPositionError</code></a> object representing error information, in the event of a failure to retrieve location data.\n<p>If location data retrieval is successful, the data is available in the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement/position\"><code>HTMLGeolocationElement.position</code></a> property."
|
||||
},
|
||||
"htmlgeolocationelement.htmlgeolocationelement": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/htmlgeolocationelement",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>HTMLGeolocationElement()</code></strong> constructor creates a new <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> object instance.",
|
||||
"returns": "A new <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> object instance, if used internally by the browser.\n<p>Developers cannot use the <code>HTMLGeolocationElement()</code> constructor directly to create a new <code>HTMLGeolocationElement</code> instance: attempting to do so results in an \"illegal constructor\" error."
|
||||
},
|
||||
"htmlgeolocationelement.initialpermissionstatus": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/initialpermissionstatus",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>initialPermissionStatus</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface returns an enumerated value representing the permission status for the <code>geolocation</code> feature when the page first loads.\n<p>If you want to access the current permission status for the <code>geolocation</code> feature, use the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement/permissionStatus\"><code>HTMLGeolocationElement.permissionStatus</code></a> property."
|
||||
},
|
||||
"htmlgeolocationelement.invalidreason": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/invalidreason",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>invalidReason</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface returns an enumerated value representing the reason why the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation\"><code><geolocation></code></a> element is invalid (blocked), if that is the case.\n<p>When a <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation#geolocation_blocking\">blocker</a> is active on a <code><geolocation></code> element, it is invalid: This means that it is prevented from functioning, either temporarily or permanently, depending on the reason.\n<p>You can query the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement/isValid\"><code>HTMLGeolocationElement.isValid</code></a> property to check whether the <code><geolocation></code> element is valid or not."
|
||||
},
|
||||
"htmlgeolocationelement.isvalid": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/isvalid",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>isValid</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface returns a boolean value indicating whether the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation\"><code><geolocation></code></a> element is valid or invalid (blocked).\n<p>When a <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation#geolocation_blocking\">blocker</a> is active on a <code><geolocation></code> element, it is prevented from functioning (invalid), either temporarily or permanently, depending on the reason.\n<p>You can return the reason why it is invalid via the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement/invalidReason\"><code>HTMLGeolocationElement.invalidReason</code></a> property — see that page for a full list of possible reasons."
|
||||
},
|
||||
"htmlgeolocationelement.permissionstatus": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/permissionstatus",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>permissionStatus</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface returns an enumerated value representing the current permission status for the <code>geolocation</code> feature.\n<p>If you want to access the initial permission status for the <code>geolocation</code> feature as it was when the page first loaded, use the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement/initialPermissionStatus\" ><code>initialPermissionStatus</code></a> property."
|
||||
},
|
||||
"htmlgeolocationelement.position": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/position",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>position</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface returns a <a href=\"$MDN_URL$/Web/API/GeolocationPosition\"><code>GeolocationPosition</code></a> object representing the user's position, in the event of successful location data retrieval.\n<p>The retrieved position may or may not be up to date. The user's position will only be retrieved once when the <code><geolocation></code> element's button control is pressed, unless you set the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation#watch\"><code>watch</code></a> attribute to <code>true</code>, in which case a new position will be retrieved each time the user's device moves. To read the user's current position, you should read the <code>position</code> property in response to the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement/location_event\" ><code>location</code></a> event firing.\n<p>If location data retrieval fails, associated error information will be available in the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement/error\"><code>HTMLGeolocationElement.error</code></a> property."
|
||||
},
|
||||
"htmlgeolocationelement.watch": {
|
||||
"url": "$MDN_URL$/web/api/htmlgeolocationelement/watch",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "144",
|
||||
"ChromeAndroid": "144",
|
||||
"Edge": "144"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>watch</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLGeolocationElement\"><code>HTMLGeolocationElement</code></a> interface gets and sets a boolean value indicating whether the browser should continuously update the user's location data whenever the position of their device changes, or only retrieve it once.\n<p>It reflects the value of the <code><geolocation></code> <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/geolocation#watch\"><code>watch</code></a> attribute."
|
||||
},
|
||||
"htmlheadelement": {
|
||||
"url": "$MDN_URL$/web/api/htmlheadelement",
|
||||
"status": [
|
||||
@@ -22122,28 +22271,6 @@
|
||||
},
|
||||
"doc": "The <strong><code>sizes</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLImageElement\"><code>HTMLImageElement</code></a> interface allows you to specify the layout width of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/img\">image</a> for each of a list of <a href=\"$MDN_URL$/Web/CSS/Guides/Media_queries\">media queries</a>. This provides the ability to automatically select among different images—even images of different orientations or aspect ratios—as the document state changes to match different media conditions. It reflects the <code><img></code> element's <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/img#sizes\"><code>sizes</code></a> content attribute."
|
||||
},
|
||||
"htmlimageelement.sizes.sizes": {
|
||||
"url": "$MDN_URL$/web/api/htmlimageelement/sizes",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "38",
|
||||
"ChromeAndroid": "38",
|
||||
"Edge": "13",
|
||||
"Firefox": "38",
|
||||
"FirefoxAndroid": "38",
|
||||
"Opera": "25",
|
||||
"Safari": "9.1",
|
||||
"SafariIOS": "9.3"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2016-03-21",
|
||||
"highDate": "2018-09-21"
|
||||
},
|
||||
"doc": "The <strong><code>sizes</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLImageElement\"><code>HTMLImageElement</code></a> interface allows you to specify the layout width of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/img\">image</a> for each of a list of <a href=\"$MDN_URL$/Web/CSS/Guides/Media_queries\">media queries</a>. This provides the ability to automatically select among different images—even images of different orientations or aspect ratios—as the document state changes to match different media conditions. It reflects the <code><img></code> element's <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/img#sizes\"><code>sizes</code></a> content attribute."
|
||||
},
|
||||
"htmlimageelement.src": {
|
||||
"url": "$MDN_URL$/web/api/htmlimageelement/src",
|
||||
"status": [
|
||||
@@ -22532,8 +22659,9 @@
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-08-01"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-08-01",
|
||||
"highDate": "2026-02-01"
|
||||
},
|
||||
"doc": "The <strong><code>dirName</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLInputElement\"><code>HTMLInputElement</code></a> interface is the directionality of the element and enables the submission of that value. It reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input\"><code><input></code></a> element's <a href=\"$MDN_URL$/Web/HTML/Reference/Attributes/dirname\"><code>dirName</code></a> attribute. This property can be retrieved or set.\n<p>Valid only for <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input/hidden\"><code>hidden</code></a>, <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input/text\"><code>text</code></a>, <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input/search\"><code>search</code></a>, <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input/url\"><code>url</code></a>, <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input/tel\"><code>tel</code></a>, and <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input/email\"><code>email</code></a> <code><input></code> types, the <code>dirname</code> attribute controls how the element's directionality is submitted. When included, the form control will submit with two name/value pairs: the first being the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input#name\"><code>name</code></a> and <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input#value\"><code>value</code></a>, and the second being the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/input#dirname\"><code>dirname</code></a> attribute as the name, with a value of <code>ltr</code> or <code>rtl</code> as set by the browser."
|
||||
},
|
||||
@@ -29796,7 +29924,24 @@
|
||||
"level": "LOW",
|
||||
"lowDate": "2024-09-16"
|
||||
},
|
||||
"doc": "The <strong><code>shadowRootClonable</code></strong> property reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootclonable\"><code>shadowrootclonable</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<p>Note that this property is not useful for developers.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root."
|
||||
"doc": "The <strong><code>shadowRootClonable</code></strong> property reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootclonable\"><code>shadowrootclonable</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThis property is not useful for developers, and is only documented for completeness.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root.\n</div>"
|
||||
},
|
||||
"htmltemplateelement.shadowrootcustomelementregistry": {
|
||||
"url": "$MDN_URL$/web/api/htmltemplateelement/shadowRootCustomElementRegistry",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "146",
|
||||
"ChromeAndroid": "146",
|
||||
"Edge": "146",
|
||||
"Safari": "26",
|
||||
"SafariIOS": "26"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>shadowRootCustomElementRegistry</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLTemplateElement\"><code>HTMLTemplateElement</code></a> interface reflects the value of the <code>shadowrootcustomelementregistry</code> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThis property is not useful for developers, and is only documented for completeness.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root.\n</div>"
|
||||
},
|
||||
"htmltemplateelement.shadowrootdelegatesfocus": {
|
||||
"url": "$MDN_URL$/web/api/htmltemplateelement/shadowrootdelegatesfocus",
|
||||
@@ -29817,7 +29962,7 @@
|
||||
"level": "LOW",
|
||||
"lowDate": "2024-09-16"
|
||||
},
|
||||
"doc": "The <strong><code>shadowRootDelegatesFocus</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLTemplateElement\"><code>HTMLTemplateElement</code></a> interface reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootdelegatesfocus\"><code>shadowrootdelegatesfocus</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<p>Note that this property is not useful for developers.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root."
|
||||
"doc": "The <strong><code>shadowRootDelegatesFocus</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLTemplateElement\"><code>HTMLTemplateElement</code></a> interface reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootdelegatesfocus\"><code>shadowrootdelegatesfocus</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThis property is not useful for developers, and is only documented for completeness.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root.\n</div>"
|
||||
},
|
||||
"htmltemplateelement.shadowrootmode": {
|
||||
"url": "$MDN_URL$/web/api/htmltemplateelement/shadowrootmode",
|
||||
@@ -29838,7 +29983,7 @@
|
||||
"level": "LOW",
|
||||
"lowDate": "2024-02-20"
|
||||
},
|
||||
"doc": "The <strong><code>shadowRootMode</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLTemplateElement\"><code>HTMLTemplateElement</code></a> interface reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootmode\"><code>shadowrootmode</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<p>Note that this property is not useful for developers.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root."
|
||||
"doc": "The <strong><code>shadowRootMode</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLTemplateElement\"><code>HTMLTemplateElement</code></a> interface reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootmode\"><code>shadowrootmode</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThis property is not useful for developers, and is only documented for completeness.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root.\n</div>"
|
||||
},
|
||||
"htmltemplateelement.shadowrootserializable": {
|
||||
"url": "$MDN_URL$/web/api/htmltemplateelement/shadowrootserializable",
|
||||
@@ -29859,7 +30004,7 @@
|
||||
"level": "LOW",
|
||||
"lowDate": "2024-09-16"
|
||||
},
|
||||
"doc": "The <strong><code>shadowRootSerializable</code></strong> property reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootserializable\"><code>shadowrootserializable</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<p>Note that this property is not useful for developers.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root."
|
||||
"doc": "The <strong><code>shadowRootSerializable</code></strong> property reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template#shadowrootserializable\"><code>shadowrootserializable</code></a> attribute of the associated <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/template\"><code><template></code></a> element.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThis property is not useful for developers, and is only documented for completeness.\nIf a <code><template></code> element is used to declaratively create a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>, then this object and property do not exist.\nOtherwise, if an <code>HTMLTemplateElement</code> is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root.\n</div>"
|
||||
},
|
||||
"htmltextareaelement": {
|
||||
"url": "$MDN_URL$/web/api/htmltextareaelement",
|
||||
@@ -29988,8 +30133,9 @@
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-08-01"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-08-01",
|
||||
"highDate": "2026-02-01"
|
||||
},
|
||||
"doc": "The <strong><code>dirName</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLTextAreaElement\"><code>HTMLTextAreaElement</code></a> interface is the directionality of the element. It reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/textarea\"><code><textarea></code></a> element's <a href=\"$MDN_URL$/Web/HTML/Reference/Attributes/dirname\"><code>dirName</code></a> attribute. This property can be retrieved or set.\n<p>The <code>dirname</code> attribute controls how the element's directionality is submitted. When included, the form control will submit with two name/value pairs: the first being the <a href=\"$MDN_URL$/Web/API/HTMLTextAreaElement/name\"><code>name</code></a> and <a href=\"$MDN_URL$/Web/API/HTMLTextAreaElement/value\"><code>value</code></a> of the <code><textarea></code>, and the second being the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/textarea#dirname\"><code>dirname</code></a> attribute as the name, with a value of <code>ltr</code> or <code>rtl</code> as set by the browser."
|
||||
},
|
||||
@@ -35127,16 +35273,10 @@
|
||||
"Chrome": "40",
|
||||
"ChromeAndroid": "40",
|
||||
"Edge": "17",
|
||||
"Firefox": "44",
|
||||
"FirefoxAndroid": "44",
|
||||
"Opera": "27",
|
||||
"Safari": "11.1",
|
||||
"SafariIOS": "11.3"
|
||||
"Opera": "27"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2018-04-30",
|
||||
"highDate": "2020-10-30"
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The parameter passed into an <a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope/install_event\" ><code>install</code></a> event handler function, the <code>InstallEvent</code> interface represents an install action that is dispatched on the <a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope\"><code>ServiceWorkerGlobalScope</code></a> of a <a href=\"$MDN_URL$/Web/API/ServiceWorker\"><code>ServiceWorker</code></a>. As a child of <a href=\"$MDN_URL$/Web/API/ExtendableEvent\"><code>ExtendableEvent</code></a>, it ensures that functional events such as <a href=\"$MDN_URL$/Web/API/FetchEvent\"><code>FetchEvent</code></a> are not dispatched during installation.\n<p>This interface inherits from the <a href=\"$MDN_URL$/Web/API/ExtendableEvent\"><code>ExtendableEvent</code></a> interface."
|
||||
},
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
"abstractrange.endoffset": "staticrange.endoffset",
|
||||
"abstractrange.startcontainer": "staticrange.startcontainer",
|
||||
"abstractrange.startoffset": "staticrange.startoffset",
|
||||
"animatable.animate": "element.animate",
|
||||
"animatable.getanimations": "element.getanimations",
|
||||
"animationframeprovider.cancelanimationframe": "window.cancelanimationframe",
|
||||
"animationframeprovider.requestanimationframe": "window.requestanimationframe",
|
||||
"ariamixin.ariaactivedescendantelement": "elementinternals.ariaactivedescendantelement",
|
||||
"ariamixin.ariaatomic": "elementinternals.ariaatomic",
|
||||
"ariamixin.ariaautocomplete": "elementinternals.ariaautocomplete",
|
||||
@@ -58,14 +58,6 @@
|
||||
"ariamixin.ariavaluenow": "elementinternals.ariavaluenow",
|
||||
"ariamixin.ariavaluetext": "elementinternals.ariavaluetext",
|
||||
"ariamixin.role": "elementinternals.role",
|
||||
"body.arraybuffer": "request.arraybuffer",
|
||||
"body.blob": "request.blob",
|
||||
"body.body": "request.body",
|
||||
"body.bodyused": "request.bodyused",
|
||||
"body.bytes": "request.bytes",
|
||||
"body.formdata": "request.formdata",
|
||||
"body.json": "request.json",
|
||||
"body.text": "request.text",
|
||||
"canvascompositing.globalalpha": "offscreencanvasrenderingcontext2d.globalalpha",
|
||||
"canvascompositing.globalcompositeoperation": "offscreencanvasrenderingcontext2d.globalcompositeoperation",
|
||||
"canvasdrawimage.drawimage": "offscreencanvasrenderingcontext2d.drawimage",
|
||||
@@ -137,23 +129,14 @@
|
||||
"canvastransform.transform": "offscreencanvasrenderingcontext2d.transform",
|
||||
"canvastransform.translate": "offscreencanvasrenderingcontext2d.translate",
|
||||
"canvasuserinterface.drawfocusifneeded": "canvasrenderingcontext2d.drawfocusifneeded",
|
||||
"childnode.after": "element.after",
|
||||
"childnode.before": "element.before",
|
||||
"childnode.remove": "element.remove",
|
||||
"childnode.replacewith": "element.replacewith",
|
||||
"childnode.after": "documenttype.after",
|
||||
"childnode.before": "documenttype.before",
|
||||
"childnode.remove": "documenttype.remove",
|
||||
"childnode.replacewith": "documenttype.replacewith",
|
||||
"credential.id": "publickeycredential.id",
|
||||
"cssgroupingrule.cssrules": "cssstylerule.cssrules",
|
||||
"cssgroupingrule.deleterule": "cssstylerule.deleterule",
|
||||
"cssgroupingrule.insertrule": "cssstylerule.insertrule",
|
||||
"documentorshadowroot.activeelement": "shadowroot.activeelement",
|
||||
"documentorshadowroot.adoptedstylesheets": "shadowroot.adoptedstylesheets",
|
||||
"documentorshadowroot.elementfrompoint": "shadowroot.elementfrompoint",
|
||||
"documentorshadowroot.elementsfrompoint": "shadowroot.elementsfrompoint",
|
||||
"documentorshadowroot.fullscreenelement": "shadowroot.fullscreenelement",
|
||||
"documentorshadowroot.getanimations": "shadowroot.getanimations",
|
||||
"documentorshadowroot.pictureinpictureelement": "shadowroot.pictureinpictureelement",
|
||||
"documentorshadowroot.pointerlockelement": "shadowroot.pointerlockelement",
|
||||
"documentorshadowroot.stylesheets": "shadowroot.stylesheets",
|
||||
"domrect.height": "svgrect.height",
|
||||
"domrect.width": "svgrect.width",
|
||||
"domrect.x": "svgrect.x",
|
||||
@@ -165,7 +148,6 @@
|
||||
"elementcontenteditable.iscontenteditable": "htmlelement.iscontenteditable",
|
||||
"elementcssinlinestyle.attributestylemap": "svgelement.attributestylemap",
|
||||
"elementcssinlinestyle.style": "svgelement.style",
|
||||
"fontfacesource.fonts": "document.fonts",
|
||||
"htmlcollectionbase.item": "htmlcollection.item",
|
||||
"htmlcollectionbase.length": "htmlcollection.length",
|
||||
"htmlelement.innertext": "htmlscriptelement.innertext",
|
||||
@@ -181,7 +163,6 @@
|
||||
"htmlhyperlinkelementutils.search": "htmlareaelement.search",
|
||||
"htmlhyperlinkelementutils.tostring": "htmlareaelement.tostring",
|
||||
"htmlhyperlinkelementutils.username": "htmlareaelement.username",
|
||||
"htmlimageelement.sizes": "htmlimageelement.sizes.sizes",
|
||||
"htmlorsvgelement.autofocus": "svgelement.autofocus",
|
||||
"htmlorsvgelement.blur": "svgelement.blur",
|
||||
"htmlorsvgelement.dataset": "svgelement.dataset",
|
||||
@@ -236,17 +217,15 @@
|
||||
"navigatorplugins.pdfviewerenabled": "navigator.pdfviewerenabled",
|
||||
"navigatorplugins.plugins": "navigator.plugins",
|
||||
"navigatorstorage.storage": "navigator.storage",
|
||||
"nondocumenttypechildnode.nextelementsibling": "element.nextelementsibling",
|
||||
"nondocumenttypechildnode.previouselementsibling": "element.previouselementsibling",
|
||||
"parentnode.append": "element.append",
|
||||
"parentnode.childelementcount": "element.childelementcount",
|
||||
"parentnode.children": "element.children",
|
||||
"parentnode.firstelementchild": "element.firstelementchild",
|
||||
"parentnode.lastelementchild": "element.lastelementchild",
|
||||
"parentnode.prepend": "element.prepend",
|
||||
"parentnode.queryselector": "element.queryselector",
|
||||
"parentnode.queryselectorall": "element.queryselectorall",
|
||||
"parentnode.replacechildren": "element.replacechildren",
|
||||
"parentnode.append": "documentfragment.append",
|
||||
"parentnode.childelementcount": "documentfragment.childelementcount",
|
||||
"parentnode.children": "documentfragment.children",
|
||||
"parentnode.firstelementchild": "documentfragment.firstelementchild",
|
||||
"parentnode.lastelementchild": "documentfragment.lastelementchild",
|
||||
"parentnode.prepend": "documentfragment.prepend",
|
||||
"parentnode.queryselector": "documentfragment.queryselector",
|
||||
"parentnode.queryselectorall": "documentfragment.queryselectorall",
|
||||
"parentnode.replacechildren": "documentfragment.replacechildren",
|
||||
"performanceentry.tojson": "performancepainttiming.tojson",
|
||||
"popoverinvokerelement.popovertargetaction": "htmlinputelement.popovertargetaction",
|
||||
"popoverinvokerelement.popovertargetelement": "htmlinputelement.popovertargetelement",
|
||||
@@ -278,17 +257,8 @@
|
||||
"set.keys": "highlight.keys",
|
||||
"set.size": "highlight.size",
|
||||
"set.values": "highlight.values",
|
||||
"slottable.assignedslot": "text.assignedslot",
|
||||
"subtlecrypto.derivebits": "subtlecrypto.derivebits.derivebits",
|
||||
"subtlecrypto.derivekey": "subtlecrypto.derivekey.derivekey",
|
||||
"subtlecrypto.exportkey": "subtlecrypto.exportkey.exportkey",
|
||||
"subtlecrypto.generatekey": "subtlecrypto.generatekey.generatekey",
|
||||
"subtlecrypto.importkey": "subtlecrypto.importkey.importkey",
|
||||
"subtlecrypto.sign": "subtlecrypto.sign.sign",
|
||||
"subtlecrypto.verify": "subtlecrypto.verify.verify",
|
||||
"svganimatedpoints.animatedpoints": "svgpolylineelement.animatedpoints",
|
||||
"svganimatedpoints.points": "svgpolylineelement.points",
|
||||
"svgfeimageelement.preserveaspectratio": "svgfeimageelement.svgfeimageelement.preserveaspectratio",
|
||||
"svgfilterprimitivestandardattributes.height": "svgfeturbulenceelement.height",
|
||||
"svgfilterprimitivestandardattributes.result": "svgfeturbulenceelement.result",
|
||||
"svgfilterprimitivestandardattributes.width": "svgfeturbulenceelement.width",
|
||||
@@ -296,9 +266,6 @@
|
||||
"svgfilterprimitivestandardattributes.y": "svgfeturbulenceelement.y",
|
||||
"svgfittoviewbox.preserveaspectratio": "svgviewelement.preserveaspectratio",
|
||||
"svgfittoviewbox.viewbox": "svgviewelement.viewbox",
|
||||
"svggeometryelement.getpointatlength": "svgpathelement.getpointatlength",
|
||||
"svggeometryelement.gettotallength": "svgpathelement.gettotallength",
|
||||
"svggeometryelement.pathlength": "svgpathelement.pathlength",
|
||||
"svgtests.requiredextensions": "svggraphicselement.requiredextensions",
|
||||
"svgtests.systemlanguage": "svggraphicselement.systemlanguage",
|
||||
"svgurireference.href": "svguseelement.href",
|
||||
|
||||
@@ -19,6 +19,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>LanguageDetector</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/Translator_and_Language_Detector_APIs\" >Translator and Language Detector APIs</a> contains all the language detection functionality, including checking AI model availability, creating a new <code>LanguageDetector</code> instance, using it to detect a language, and more."
|
||||
},
|
||||
"languagedetector.availability": {
|
||||
@@ -31,6 +34,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>availability()</code></strong> static method of the <a href=\"$MDN_URL$/Web/API/LanguageDetector\"><code>LanguageDetector</code></a> interface returns an enumerated value that indicates whether the browser AI model supports a given <code>LanguageDetector</code> configuration.",
|
||||
"parameters": {
|
||||
"options": "An object specifying configuration options for the <code>LanguageDetector</code>. Possible values include:\n<dl>\n<dt id=\"expectedinputlanguages\"><a href=\"#expectedinputlanguages\"><code>expectedInputLanguages</code></a></dt>\n<dd>\n<p>An array of strings specifying the expected languages of the input text to have its language detected. These should be valid <a href=\"$MDN_URL$/Glossary/BCP_47_language_tag\">BCP 47 language tags</a>. Defaults to <code>[\"en\"]</code>\n</dd>\n</dl>"
|
||||
@@ -52,6 +58,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>create()</code></strong> static method of the <a href=\"$MDN_URL$/Web/API/LanguageDetector\"><code>LanguageDetector</code></a> interface creates a new <code>LanguageDetector</code> instance to detect languages.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>create()</code> method requires <a href=\"$MDN_URL$/Glossary/Transient_activation\">transient activation</a>, that is, it must be invoked in response to a user action such as a mouse click or button press.\n</div>",
|
||||
"parameters": {
|
||||
"options": "An object specifying configuration options for the <code>LanguageDetector</code>. Possible values include:\n<dl>\n<dt id=\"expectedinputlanguages\"><a href=\"#expectedinputlanguages\"><code>expectedInputLanguages</code></a></dt>\n<dd>\n<p>An array of strings specifying the expected languages of the input text, which helps improve the accuracy of the language detection. These should be valid <a href=\"$MDN_URL$/Glossary/BCP_47_language_tag\">BCP 47 language tags</a>. Defaults to <code>[\"en\"]</code>.\n</dd>\n<dt id=\"monitor\"><a href=\"#monitor\"><code>monitor</code> <span class=\"badge inline optional\">Optional</span></a></dt>\n<dd>\n<p>A callback function with a <a href=\"$MDN_URL$/Web/API/CreateMonitor\"><code>CreateMonitor</code></a> argument that enables monitoring download progress of the AI model.\n</dd>\n<dt id=\"signal\"><a href=\"#signal\"><code>signal</code> <span class=\"badge inline optional\">Optional</span></a></dt>\n<dd>\n<p>An <a href=\"$MDN_URL$/Web/API/AbortSignal\"><code>AbortSignal</code></a> object instance, which allows a <code>create()</code> operation to be aborted via the associated <a href=\"$MDN_URL$/Web/API/AbortController\"><code>AbortController</code></a>. The exact effect is dependant on when <a href=\"$MDN_URL$/Web/API/AbortController/abort\"><code>AbortController.abort()</code></a> is called:\n<ul>\n<li>If <code>abort()</code> is called before the <code>create()</code> promise resolves, the <code>create()</code> operation is cancelled.</li>\n<li>If <code>abort()</code> is called after the <code>create()</code> promise fulfills, it has the same effect as calling <a href=\"$MDN_URL$/Web/API/LanguageDetector/destroy\"><code>LanguageDetector.destroy()</code></a>: The resources assigned to the resulting <code>LanguageDetector</code> instance are released, and any ongoing and subsequent <code>LanguageDetector</code> method calls will reject with an <code>AbortError</code>.</li>\n</ul>\n</dd>\n</dl>"
|
||||
@@ -75,6 +84,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>destroy()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/LanguageDetector\"><code>LanguageDetector</code></a> interface releases the resources assigned to the <code>LanguageDetector</code> instance it is called on and stops any further activity on it. This means that any ongoing and subsequent method calls made on the <code>LanguageDetector</code> will reject with an <code>AbortError</code>.\n<p>It makes sense to destroy <code>LanguageDetector</code> objects if they are no longer being used, as they tie up significant resources in their handling.",
|
||||
"returns": "None (<a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>)."
|
||||
},
|
||||
@@ -88,6 +100,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>detect()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/LanguageDetector\"><code>LanguageDetector</code></a> interface detects the closest matching language or languages that a given text string is most likely to be written in.",
|
||||
"parameters": {
|
||||
"input": "A string representing the text to have its language detected.",
|
||||
@@ -110,6 +125,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>expectedInputLanguages</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/LanguageDetector\"><code>LanguageDetector</code></a> interface returns the expected languages to be detected in the input text. Specifying expected input languages helps improve the accuracy of the language detection.\n<p>A <code>LanguageDetector</code> instance's <code>expectedInputLanguages</code> are set when creating it via a <a href=\"$MDN_URL$/Web/API/LanguageDetector/create_static\" ><code>create()</code></a> call."
|
||||
},
|
||||
"languagedetector.inputquota": {
|
||||
@@ -122,6 +140,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>inputQuota</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/LanguageDetector\"><code>LanguageDetector</code></a> interface returns the input quota available to the browser for detecting languages."
|
||||
},
|
||||
"languagedetector.measureinputusage": {
|
||||
@@ -134,6 +155,9 @@
|
||||
"Chrome": "138",
|
||||
"Opera": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>measureInputUsage()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/LanguageDetector\"><code>LanguageDetector</code></a> interface reports how much input quota would be used by a language detection operation for a given text input.",
|
||||
"parameters": {
|
||||
"input": "A string representing the input text you want an input usage measurement for.",
|
||||
@@ -1628,8 +1652,9 @@
|
||||
"SafariIOS": "11"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-08-01"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-08-01",
|
||||
"highDate": "2026-02-01"
|
||||
},
|
||||
"doc": "<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>enumerateDevices()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/MediaDevices\"><code>MediaDevices</code></a> interface requests a list of the currently available media input and output devices, such as microphones, cameras, headsets, and so forth.\nThe returned <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> is resolved with an array of <a href=\"$MDN_URL$/Web/API/MediaDeviceInfo\"><code>MediaDeviceInfo</code></a> objects describing the devices.\n<p>The returned list will omit any devices that are blocked by the document <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy\">Permission Policy</a>: <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy/microphone\"><code>microphone</code></a>, <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy/camera\"><code>camera</code></a>, <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy/speaker-selection\"><code>speaker-selection</code></a> (for output devices), and so on.\nAccess to particular non-default devices is also gated by the <a href=\"$MDN_URL$/Web/API/Permissions_API\">Permissions API</a>, and the list will omit devices for which the user has not granted explicit permission.",
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that is fulfilled with an array of <a href=\"$MDN_URL$/Web/API/MediaDeviceInfo\"><code>MediaDeviceInfo</code></a> objects.\nEach object in the array describes one of the available media input and output devices.\nThe order is significant — the default capture devices will be listed first.\n<p>Other than default devices, only devices for which permission has been granted are \"available\".\n<p>If the media device is an input device, an <a href=\"$MDN_URL$/Web/API/InputDeviceInfo\"><code>InputDeviceInfo</code></a> object will be returned instead.\n<p>If enumeration fails, the promise is rejected."
|
||||
@@ -8795,7 +8820,35 @@
|
||||
"FirefoxAndroid": "147",
|
||||
"Opera": "125"
|
||||
},
|
||||
"doc": "The <strong><code>NavigationPrecommitController</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/Navigation_API\" >Navigation API</a> defines redirect behavior for a navigation <a href=\"$MDN_URL$/Web/API/NavigateEvent/intercept#precommithandler\">precommit handler</a>."
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>NavigationPrecommitController</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/Navigation_API\" >Navigation API</a> is passed as an argument to a navigation <a href=\"$MDN_URL$/Web/API/NavigateEvent/intercept#precommithandler\">precommit handler</a> callback.\n<p>The callback is used to handle any modifications to the navigation that are required before it is committed (and the destination URL is actually displayed in the browser), such as cancelling or redirecting it somewhere else as required.\nThis interface provides methods to redirect to a new URL and update history and state, and to dynamically configure post-commit navigation behavior."
|
||||
},
|
||||
"navigationprecommitcontroller.addhandler": {
|
||||
"url": "$MDN_URL$/web/api/navigationprecommitcontroller/addhandler",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "146",
|
||||
"ChromeAndroid": "146",
|
||||
"Edge": "146",
|
||||
"Firefox": "148",
|
||||
"FirefoxAndroid": "148"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>addHandler()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/NavigationPrecommitController\"><code>NavigationPrecommitController</code></a> interface allows you to dynamically add a handler callback function in precommit code, which will then be run after the navigation has committed.\n<p>This is useful when the navigation workflow depends on information that is not know until precommit code has started running.\nIf the precommit and (post-commit) handler are independent, the handler can be specified in the in the <a href=\"$MDN_URL$/Web/API/NavigateEvent/intercept#handler\"><code>options.handler</code></a> argument passed to <a href=\"$MDN_URL$/Web/API/NavigateEvent/intercept\"><code>NavigateEvent.intercept()</code></a>.",
|
||||
"parameters": {
|
||||
"handler": "A callback function that defines the post-commit navigation handling behavior should be; it returns a promise.\n<p>The handler callback is invoked as though it was passed to the <code>NavigateEvent.intercept()</code> method, and will run after the <a href=\"$MDN_URL$/Web/API/Navigation/currentEntry\" ><code>currentEntry</code></a> property has been updated."
|
||||
},
|
||||
"returns": "None (<code>undefined</code>).",
|
||||
"throws": {
|
||||
"InvalidStateError DOMException": "Thrown if:\n<ul>\n<li>The originating <a href=\"$MDN_URL$/Web/API/NavigateEvent\"><code>NavigateEvent</code></a> was not intercepted or has been canceled.</li>\n<li>The <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> is not fully active.</li>\n</ul>",
|
||||
"SecurityError DOMException": "Thrown if the event <a href=\"$MDN_URL$/Web/API/Event/isTrusted\" ><code>isTrusted</code></a> attribute is <code>false</code>."
|
||||
}
|
||||
},
|
||||
"navigationprecommitcontroller.redirect": {
|
||||
"url": "$MDN_URL$/web/api/navigationprecommitcontroller/redirect",
|
||||
@@ -8810,6 +8863,9 @@
|
||||
"FirefoxAndroid": "147",
|
||||
"Opera": "125"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>redirect()</code></strong> method of the\n<a href=\"$MDN_URL$/Web/API/NavigationPrecommitController\"><code>NavigationPrecommitController</code></a> interface redirects the browser to a specified URL and specifies history behavior and any desired state information.",
|
||||
"parameters": {
|
||||
"url": "The URL to redirect to.",
|
||||
@@ -9118,6 +9174,21 @@
|
||||
},
|
||||
"doc": "The <strong><code>Navigator.appVersion</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/Navigator\"><code>Navigator</code></a> interface returns a string representing version information about the browser."
|
||||
},
|
||||
"navigator.audiosession": {
|
||||
"url": "$MDN_URL$/web/api/navigator/audiosession",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Safari": "16.4",
|
||||
"SafariIOS": "16.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>audioSession</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/Navigator\"><code>Navigator</code></a> interface returns the <a href=\"$MDN_URL$/Web/API/AudioSession\"><code>AudioSession</code></a> object for the current document.\n<p>The <a href=\"$MDN_URL$/Web/API/AudioSession\"><code>AudioSession</code></a> interface can be used to control how audio from a web application interacts with other audio playing on a device, for example, allowing developers to specify whether their application's audio should play on its own, or along with other device audio."
|
||||
},
|
||||
"navigator.bluetooth": {
|
||||
"url": "$MDN_URL$/web/api/navigator/bluetooth",
|
||||
"status": [
|
||||
@@ -11805,6 +11876,8 @@
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "3.5",
|
||||
"FirefoxAndroid": "4",
|
||||
"Opera": "9",
|
||||
"Safari": "3",
|
||||
"SafariIOS": "3"
|
||||
@@ -18289,7 +18362,7 @@
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard note\"><p><strong>Note:</strong> This feature is only available in <a href=\"$MDN_URL$/Web/API/Service_Worker_API\">Service Workers</a>.</div>\n<p>The <strong><code>respondWith()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/PaymentRequestEvent\"><code>PaymentRequestEvent</code></a> interface prevents the default event handling and allows you to provide a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> for a payment handler response object yourself.",
|
||||
"parameters": {
|
||||
"promise": "A payment handler response object or a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves to one. This object should contain the following properties:\n<dl>\n<dt id=\"methodname\"><a href=\"#methodname\"><code>methodName</code></a></dt>\n<dd>\n<p>The payment method identifier for the payment method that the user selected to fulfill the transaction.\n</dd>\n<dt id=\"details\"><a href=\"#details\"><code>details</code></a></dt>\n<dd>\n<p>A JSON-serializable object that provides a payment method-specific message used by the merchant to process the transaction and determine a successful fund transfer. See <a href=\"https://w3c.github.io/payment-handler/#details-attribute\" class=\"external\" target=\"_blank\">7.1.2 details attribute</a> for more details.\n</dd>\n</dl>"
|
||||
"promise": "A payment handler response object or a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves to one. This object should contain the following properties:\n<dl>\n<dt id=\"methodname\"><a href=\"#methodname\"><code>methodName</code></a></dt>\n<dd>\n<p>The payment method identifier for the payment method that the user selected to fulfill the transaction.\n</dd>\n<dt id=\"details\"><a href=\"#details\"><code>details</code></a></dt>\n<dd>\n<p>A JSON-serializable object that provides a payment method-specific message used by the merchant to process the transaction and determine a successful fund transfer. See <a href=\"https://w3c.github.io/web-based-payment-handler/#details-attribute\" class=\"external\" target=\"_blank\">8.1.2 <code>details</code> attribute</a> for more details.\n</dd>\n</dl>"
|
||||
},
|
||||
"returns": "None (<a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>)."
|
||||
},
|
||||
@@ -20651,7 +20724,6 @@
|
||||
"performanceresourcetiming.deliverytype": {
|
||||
"url": "$MDN_URL$/web/api/performanceresourcetiming/deliverytype",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
@@ -20659,12 +20731,14 @@
|
||||
"ChromeAndroid": "117",
|
||||
"Edge": "117",
|
||||
"Opera": "103",
|
||||
"Safari": "26.4",
|
||||
"SafariIOS": "26.4",
|
||||
"Nodejs": "22.2.0"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>deliveryType</code></strong> read-only property is a string indicating how the resource was delivered — for example from the cache or from a navigational prefetch."
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>deliveryType</code></strong> read-only property is a string indicating how the resource was delivered — for example from the cache or from a navigational prefetch."
|
||||
},
|
||||
"performanceresourcetiming.domainlookupend": {
|
||||
"url": "$MDN_URL$/web/api/performanceresourcetiming/domainlookupend",
|
||||
@@ -20761,33 +20835,35 @@
|
||||
"performanceresourcetiming.finalresponseheadersstart": {
|
||||
"url": "$MDN_URL$/web/api/performanceresourcetiming/finalresponseheadersstart",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "133",
|
||||
"ChromeAndroid": "133",
|
||||
"Edge": "133",
|
||||
"Opera": "118"
|
||||
"Opera": "118",
|
||||
"Safari": "26.4",
|
||||
"SafariIOS": "26.4"
|
||||
},
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>finalResponseHeadersStart</code></strong> read-only property returns a <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\" ><code>timestamp</code></a> immediately after the browser receives the first byte of the final document response (for example, 200 OK) from the server.\n<p>This differs from <strong><a href=\"$MDN_URL$/Web/API/PerformanceResourceTiming/requestStart\" ><code>requestStart</code></a></strong> (which may also be represented as <strong><a href=\"$MDN_URL$/Web/API/PerformanceResourceTiming/firstInterimResponseStart\" ><code>firstInterimResponseStart</code></a></strong>), as this starts from the first bytes of any response including interim responses (for example, 103 Early Hints) with the final response coming potentially much later.\n<p>When there are no interim responses, <code>requestStart</code> is the same as <code>finalResponseHeadersStart</code> and <code>firstInterimResponseStart</code> is 0.\n<p>There is no <em>end</em> property for <code>finalResponseHeadersStart</code>."
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>finalResponseHeadersStart</code></strong> read-only property returns a <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\" ><code>timestamp</code></a> immediately after the browser receives the first byte of the final document response (for example, 200 OK) from the server.\n<p>This differs from <strong><a href=\"$MDN_URL$/Web/API/PerformanceResourceTiming/requestStart\" ><code>requestStart</code></a></strong> (which may also be represented as <strong><a href=\"$MDN_URL$/Web/API/PerformanceResourceTiming/firstInterimResponseStart\" ><code>firstInterimResponseStart</code></a></strong>), as this starts from the first bytes of any response including interim responses (for example, 103 Early Hints) with the final response coming potentially much later.\n<p>When there are no interim responses, <code>requestStart</code> is the same as <code>finalResponseHeadersStart</code> and <code>firstInterimResponseStart</code> is 0.\n<p>There is no <em>end</em> property for <code>finalResponseHeadersStart</code>."
|
||||
},
|
||||
"performanceresourcetiming.firstinterimresponsestart": {
|
||||
"url": "$MDN_URL$/web/api/performanceresourcetiming/firstinterimresponsestart",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "115",
|
||||
"ChromeAndroid": "115",
|
||||
"Edge": "115",
|
||||
"Opera": "101"
|
||||
"Opera": "101",
|
||||
"Safari": "26.4",
|
||||
"SafariIOS": "26.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>firstInterimResponseStart</code></strong> read-only property returns a <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\" ><code>timestamp</code></a> immediately after the browser receives the first byte of the interim 1xx response (for example, 100 Continue or 103 Early Hints) from the server.\n<p>There is no <em>end</em> property for <code>firstInterimResponseStart</code>."
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>firstInterimResponseStart</code></strong> read-only property returns a <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\" ><code>timestamp</code></a> immediately after the browser receives the first byte of the interim 1xx response (for example, 100 Continue or 103 Early Hints) from the server.\n<p>There is no <em>end</em> property for <code>firstInterimResponseStart</code>."
|
||||
},
|
||||
"performanceresourcetiming.initiatortype": {
|
||||
"url": "$MDN_URL$/web/api/performanceresourcetiming/initiatortype",
|
||||
@@ -23820,7 +23896,7 @@
|
||||
"lowDate": "2025-02-06"
|
||||
},
|
||||
"doc": "<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>getClientCapabilities()</code></strong> static method of the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential\"><code>PublicKeyCredential</code></a> interface returns a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves with an object that can be used to check whether or not particular WebAuthn client capabilities and <a href=\"$MDN_URL$/Web/API/Web_Authentication_API/WebAuthn_extensions\">extensions</a> are supported.\n<p>A relying party (RP) can use this information to appropriately customize its sign-in and sign-up user interfaces and workflows.",
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves to an object where the property names are the client capability strings, and the values are boolean values that indicate whether or not the corresponding capability or extension is supported.\n<p>The WebAuthn client capability strings are:\n<dl>\n<dt id=\"conditionalcreate\"><a href=\"#conditionalcreate\"><code>\"conditionalCreate\"</code></a></dt>\n<dd>\n<p>The client is capable of creating <a href=\"$MDN_URL$/Web/API/Web_Authentication_API#discoverable_credentials_and_conditional_mediation\">discoverable credentials</a>.\n</dd>\n<dt id=\"conditionalget\"><a href=\"#conditionalget\"><code>\"conditionalGet\"</code></a></dt>\n<dd>\n<p>The client is capable of authenticating using <a href=\"$MDN_URL$/Web/API/Web_Authentication_API#discoverable_credentials_and_conditional_mediation\">discoverable credentials</a>.\nThis capability is equivalent to <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/isConditionalMediationAvailable_static\"><code>isConditionalMediationAvailable()</code></a> resolving to <code>true</code>.\n</dd>\n<dt id=\"hybridtransport\"><a href=\"#hybridtransport\"><code>\"hybridTransport\"</code></a></dt>\n<dd>\n<p>The client supports usage of the <a href=\"$MDN_URL$/Web/API/AuthenticatorAttestationResponse/getTransports#hybrid\">hybrid</a> transport.\nThis means that the client can use authenticators that rely on Bluetooth, NFC, or USB.\n</dd>\n<dt id=\"passkeyplatformauthenticator\"><a href=\"#passkeyplatformauthenticator\"><code>\"passkeyPlatformAuthenticator\"</code></a></dt>\n<dd>\n<p>The client allows usage of a passkey authenticator that supports <a href=\"$MDN_URL$/Glossary/Multi-factor_authentication\">multi-factor authentication</a> mechanisms such as a PIN or biometric check.\nThe authenticator can be part of the same platform (device) as the client, or connected via a hybrid transport such as Bluetooth or USB.\nThe credentials are stored on the authenticator.\nSee <a href=\"https://developers.google.com/identity/passkeys/developer-guides\" class=\"external\" target=\"_blank\">Passkeys developer guide for relying parties</a>.\n</dd>\n<dt id=\"userverifyingplatformauthenticator\"><a href=\"#userverifyingplatformauthenticator\"><code>userVerifyingPlatformAuthenticator</code></a></dt>\n<dd>\n<p>The client has a platform authenticator (part of the same device) that supports <a href=\"$MDN_URL$/Glossary/Multi-factor_authentication\">multi-factor authentication</a> mechanisms, such as a PIN or biometric check.\nThe credentials may be stored on either the RP or the authenticator.\n</dd>\n<dt id=\"relatedorigins\"><a href=\"#relatedorigins\"><code>relatedOrigins</code></a></dt>\n<dd>\n<p>The client supports <a href=\"https://web.dev/articles/webauthn-related-origin-requests\" class=\"external\" target=\"_blank\">Related Origin Requests</a>.\nThese clients allow a passkey to be used across multiple sites that have the same origin.\n</dd>\n<dt id=\"signalallacceptedcredentials\"><a href=\"#signalallacceptedcredentials\"><code>signalAllAcceptedCredentials</code></a></dt>\n<dd>\n<p>The client supports the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/signalAllAcceptedCredentials_static\"><code>PublicKeyCredential.signalAllAcceptedCredentials()</code></a> static method.\nIf not supported, RP workflows will need to prompt the user to manually delete credentials on the authenticator.\n</dd>\n<dt id=\"signalcurrentuserdetails\"><a href=\"#signalcurrentuserdetails\"><code>signalCurrentUserDetails</code></a></dt>\n<dd>\n<p>The client supports the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/signalCurrentUserDetails_static\"><code>PublicKeyCredential.signalCurrentUserDetails()</code></a> static method.\nIf not supported, RP workflows will need to prompt the user to manually update user details on the authenticator.\n</dd>\n<dt id=\"signalunknowncredential\"><a href=\"#signalunknowncredential\"><code>signalUnknownCredential</code></a></dt>\n<dd>\n<p>The client supports the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/signalUnknownCredential_static\"><code>PublicKeyCredential.signalUnknownCredential()</code></a> static method.\nIf not supported, RP workflows will need to prompt the user to manually delete credentials from the authenticator.\n</dd>\n</dl>\n<p>The <a href=\"$MDN_URL$/Web/API/Web_Authentication_API/WebAuthn_extensions\">web extension</a> strings are formatted by prefixing the <a href=\"$MDN_URL$/Web/API/Web_Authentication_API/WebAuthn_extensions#available_extensions\">extension identifier</a> with the prefix <code>extension:</code>.\nFor example, the key <code>extension:appid</code> can be used to check if the <a href=\"$MDN_URL$/Web/API/Web_Authentication_API/WebAuthn_extensions#appid\"><code>appid</code> extension</a> is supported.",
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves to an object where the property names are the client capability strings, and the values are boolean values that indicate whether or not the corresponding capability or extension is supported.\n<p>The WebAuthn client capability strings are:\n<dl>\n<dt id=\"conditionalcreate\"><a href=\"#conditionalcreate\"><code>\"conditionalCreate\"</code></a></dt>\n<dd>\n<p>The client is capable of creating <a href=\"$MDN_URL$/Web/API/Web_Authentication_API#discoverable_and_non-discoverable_credentials\">discoverable credentials</a>.\n</dd>\n<dt id=\"conditionalget\"><a href=\"#conditionalget\"><code>\"conditionalGet\"</code></a></dt>\n<dd>\n<p>The client is capable of <a href=\"$MDN_URL$/Web/API/Web_Authentication_API#autofill_ui\">conditional mediation</a>.\nThis capability is equivalent to <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/isConditionalMediationAvailable_static\"><code>isConditionalMediationAvailable()</code></a> resolving to <code>true</code>.\n</dd>\n<dt id=\"hybridtransport\"><a href=\"#hybridtransport\"><code>\"hybridTransport\"</code></a></dt>\n<dd>\n<p>The client supports usage of the <a href=\"$MDN_URL$/Web/API/AuthenticatorAttestationResponse/getTransports#hybrid\">hybrid</a> transport.\nThis means that the client can use authenticators that rely on Bluetooth, NFC, or USB.\n</dd>\n<dt id=\"passkeyplatformauthenticator\"><a href=\"#passkeyplatformauthenticator\"><code>\"passkeyPlatformAuthenticator\"</code></a></dt>\n<dd>\n<p>The client allows usage of a passkey authenticator that supports <a href=\"$MDN_URL$/Glossary/Multi-factor_authentication\">multi-factor authentication</a> mechanisms such as a PIN or biometric check.\nThe authenticator can be part of the same platform (device) as the client, or connected via a hybrid transport such as Bluetooth or USB.\nThe credentials are stored on the authenticator.\nSee <a href=\"https://developers.google.com/identity/passkeys/developer-guides\" class=\"external\" target=\"_blank\">Passkeys developer guide for relying parties</a>.\n</dd>\n<dt id=\"userverifyingplatformauthenticator\"><a href=\"#userverifyingplatformauthenticator\"><code>userVerifyingPlatformAuthenticator</code></a></dt>\n<dd>\n<p>The client has a platform authenticator (part of the same device) that supports <a href=\"$MDN_URL$/Glossary/Multi-factor_authentication\">multi-factor authentication</a> mechanisms, such as a PIN or biometric check.\nThe credentials may be stored on either the RP or the authenticator.\n</dd>\n<dt id=\"relatedorigins\"><a href=\"#relatedorigins\"><code>relatedOrigins</code></a></dt>\n<dd>\n<p>The client supports <a href=\"https://web.dev/articles/webauthn-related-origin-requests\" class=\"external\" target=\"_blank\">Related Origin Requests</a>.\nThese clients allow a passkey to be used across multiple sites that have the same origin.\n</dd>\n<dt id=\"signalallacceptedcredentials\"><a href=\"#signalallacceptedcredentials\"><code>signalAllAcceptedCredentials</code></a></dt>\n<dd>\n<p>The client supports the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/signalAllAcceptedCredentials_static\"><code>PublicKeyCredential.signalAllAcceptedCredentials()</code></a> static method.\nIf not supported, RP workflows will need to prompt the user to manually delete credentials on the authenticator.\n</dd>\n<dt id=\"signalcurrentuserdetails\"><a href=\"#signalcurrentuserdetails\"><code>signalCurrentUserDetails</code></a></dt>\n<dd>\n<p>The client supports the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/signalCurrentUserDetails_static\"><code>PublicKeyCredential.signalCurrentUserDetails()</code></a> static method.\nIf not supported, RP workflows will need to prompt the user to manually update user details on the authenticator.\n</dd>\n<dt id=\"signalunknowncredential\"><a href=\"#signalunknowncredential\"><code>signalUnknownCredential</code></a></dt>\n<dd>\n<p>The client supports the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential/signalUnknownCredential_static\"><code>PublicKeyCredential.signalUnknownCredential()</code></a> static method.\nIf not supported, RP workflows will need to prompt the user to manually delete credentials from the authenticator.\n</dd>\n</dl>\n<p>The <a href=\"$MDN_URL$/Web/API/Web_Authentication_API/WebAuthn_extensions\">web extension</a> strings are formatted by prefixing the <a href=\"$MDN_URL$/Web/API/Web_Authentication_API/WebAuthn_extensions#available_extensions\">extension identifier</a> with the prefix <code>extension:</code>.\nFor example, the key <code>extension:appid</code> can be used to check if the <a href=\"$MDN_URL$/Web/API/Web_Authentication_API/WebAuthn_extensions#appid\"><code>appid</code> extension</a> is supported.",
|
||||
"throws": {
|
||||
"SecurityError DOMException": "The RP domain is not valid."
|
||||
}
|
||||
@@ -23874,7 +23950,7 @@
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-10-24"
|
||||
},
|
||||
"doc": "<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>isConditionalMediationAvailable()</code></strong> static method of the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential\"><code>PublicKeyCredential</code></a> interface returns a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> which resolves to <code>true</code> if <a href=\"$MDN_URL$/Web/API/Web_Authentication_API#discoverable_credentials_and_conditional_mediation\">conditional mediation</a> is available.",
|
||||
"doc": "<div class=\"notecard secure\"><p><strong>Secure context:</strong> This feature is available only in <a href=\"$MDN_URL$/Web/Security/Defenses/Secure_Contexts\">secure contexts</a> (HTTPS), in some or all <a href=\"#browser_compatibility\">supporting browsers</a>.</div>\n<p>The <strong><code>isConditionalMediationAvailable()</code></strong> static method of the <a href=\"$MDN_URL$/Web/API/PublicKeyCredential\"><code>PublicKeyCredential</code></a> interface returns a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> which resolves to <code>true</code> if <a href=\"$MDN_URL$/Web/API/Web_Authentication_API#autofill_ui\">conditional mediation</a> is available.",
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> which resolves to a boolean value indicating whether or not conditional mediation is available.",
|
||||
"throws": {
|
||||
"SecurityError DOMException": "The RP domain is not valid."
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user