Update from latest WPT test runs, web-features descriptions, and BCD …

…compat data

index.html

@@ -42,7 +42,7 @@ <h2><a href="#view-transitions">View transitions</a></h2>
 
  </div>
 
- <p class="description">The View Transitions API transitions between different states of a document, or between different documents.</p>
+ <p class="description">View transitions allow you to create animated visual transitions between different states of a document, or between different documents.</p>
 
  <div class="support">
 
@@ -66,8 +66,8 @@ <h2><a href="#view-transitions">View transitions</a></h2>
  </tr>
  <tr class="wpt">
  <th scope="row">Passing WPT subtests</th>
- <td>92%</td>
- <td>81%</td>
+ <td>93%</td>
+ <td>96%</td>
  <td>42%</td>
  <td>68%</td>
  </tr>
@@ -140,7 +140,7 @@ <h2><a href="#object-view-box">object-view-box</a></h2>
  <tr class="wpt">
  <th scope="row">Passing WPT subtests</th>
  <td>99%</td>
- <td>74%</td>
+ <td>84%</td>
  <td>11%</td>
  <td>18%</td>
  </tr>
@@ -167,7 +167,7 @@ <h2><a href="#object-view-box">object-view-box</a></h2>
 
  <li class="feature" id="blocking-render">
  <div class="metadata">
- <h2><a href="#blocking-render">blocking="render"</a></h2>
+ <h2><a href="#blocking-render">blocking=&quot;render&quot;</a></h2>
 
 
  <a href="https://html.spec.whatwg.org/multipage/urls-and-fetching.html#blocking-attributes">Specification</a>
@@ -176,7 +176,7 @@ <h2><a href="#blocking-render">blocking="render"</a></h2>
 
  </div>
 
- <p class="description">The <code>blocking="render"</code> attribute for <code>&lt;link></code>, <code>&lt;script></code>, and <code>&lt;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&lt;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
+ <p class="description">The <code>blocking="render"</code> attribute for <code>&#x3C;link></code>, <code>&#x3C;script></code>, and <code>&#x3C;style></code> elements blocks rendering until the external script or stylesheet has been loaded. For <code>&#x3C;link rel="expect"></code>, rendering is blocked until a specific element is in the DOM.</p>
 
  <div class="support">
 
@@ -237,7 +237,7 @@ <h2><a href="#scroll-driven-animations">Scroll-driven animations</a></h2>
 
  </div>
 
- <p class="description">CSS scroll-driven animations are a type of CSS animations that don't run over time, but instead are driven by the user's scroll position through the page.</p>
+ <p class="description">CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position.</p>
 
  <div class="support">
 
@@ -302,7 +302,7 @@ <h2><a href="#popover">Popover</a></h2>
 
  </div>
 
- <p class="description">The Popover API is used to display content on top of other page content, and is controlled either declaratively using HTML attributes, or via JavaScript.</p>
+ <p class="description">The <code>popover</code> HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the <code>showPopover()</code> method.</p>
 
  <div class="support">
 
@@ -434,7 +434,7 @@ <h2><a href="#navigation">Navigation API</a></h2>
 
  </div>
 
- <p class="description">The Navigation API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
+ <p class="description">The <code>navigation</code> API provides mechanisms to initiate, intercept, and manage browser navigation actions.</p>
 
  <div class="support">
 
@@ -458,7 +458,7 @@ <h2><a href="#navigation">Navigation API</a></h2>
  </tr>
  <tr class="wpt">
  <th scope="row">Passing WPT subtests</th>
- <td>96%</td>
+ <td>97%</td>
  <td>98%</td>
  <td>0%</td>
  <td>0%</td>
@@ -518,14 +518,14 @@ <h2><a href="#anchor-positioning">Anchor positioning</a></h2>
  <tbody>
  <tr class="compat">
  <th scope="row">Compatibility</th>
- <td><abbr class="support-icon no" title="Not supported"></abbr></td>
- <td><abbr class="support-icon no" title="Not supported"></abbr></td>
+ <td><abbr class="support-icon yes" title="Fully supported in 125">125</abbr></td>
+ <td><abbr class="support-icon yes" title="Fully supported in 125">125</abbr></td>
  <td><abbr class="support-icon no" title="Not supported"></abbr></td>
  <td><abbr class="support-icon no" title="Not supported"></abbr></td>
  </tr>
  <tr class="wpt">
  <th scope="row">Passing WPT subtests</th>
- <td>97%</td>
+ <td>96%</td>
  <td>99%</td>
  <td>21%</td>
  <td>21%</td>
@@ -568,7 +568,7 @@ <h2><a href="#nesting">Nesting</a></h2>
 
  </div>
 
- <p class="description">For shorter selectors, easier reading, and more modularity, CSS rules can be nested inside other rules.</p>
+ <p class="description">CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.</p>
 
  <div class="support">
 
@@ -763,7 +763,7 @@ <h2><a href="#declarative-shadow-dom">Declarative shadow DOM</a></h2>
 
  </div>
 
- <p class="description">The <code>shadowrootmode</code> attribute on <code>&lt;template></code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code>attachShadow()</code> method.</p>
+ <p class="description">The <code>shadowrootmode</code> attribute on <code>&#x3C;template></code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code>attachShadow()</code> method.</p>
 
  <div class="support">
 
@@ -893,7 +893,7 @@ <h2><a href="#trusted-types">Trusted types</a></h2>
 
  </div>
 
- <p class="description">The Trusted Types API is used to lock down insecure parts of the DOM API, to prevent client-side cross-site scripting (XSS) attacks.</p>
+ <p class="description">Trusted types allow you to lock down insecure parts of the DOM API and prevent client-side cross-site scripting (XSS) attacks.</p>
 
  <div class="support">
 
@@ -910,8 +910,8 @@ <h2><a href="#trusted-types">Trusted types</a></h2>
  <tbody>
  <tr class="compat">
  <th scope="row">Compatibility</th>
- <td><abbr class="support-icon yes" title="Fully supported in 90">90</abbr></td>
- <td><abbr class="support-icon yes" title="Fully supported in 90">90</abbr></td>
+ <td><abbr class="support-icon yes" title="Fully supported in 83">83</abbr></td>
+ <td><abbr class="support-icon yes" title="Fully supported in 83">83</abbr></td>
  <td><abbr class="support-icon no" title="Not supported"></abbr></td>
  <td><abbr class="support-icon no" title="Not supported"></abbr></td>
  </tr>
@@ -982,7 +982,7 @@ <h2><a href="#asynchronously-iterable-streams">Asynchronously iterable streams</
  <th scope="row">Passing WPT subtests</th>
  <td>96%</td>
  <td>96%</td>
- <td>96%</td>
+ <td>89%</td>
  <td>0%</td>
  </tr>
  </tbody>
@@ -1204,7 +1204,7 @@ <h2><a href="#webtransport">WebTransport</a></h2>
 
  </div>
 
- <p class="description">The WebTransport API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
+ <p class="description">The <code>WebTransport</code> API transmits data between a client and a server, by using the HTTP/3 protocol.</p>
 
  <div class="support">
 
@@ -1353,7 +1353,7 @@ <h2><a href="#json-and-css-modules">JSON and CSS modules</a></h2>
  <td>98%</td>
  <td>98%</td>
  <td>7%</td>
- <td>67%</td>
+ <td>66%</td>
  </tr>
  </tbody>
  </table>
@@ -1483,7 +1483,7 @@ <h2><a href="#css-custom-highlight-api">CSS Custom Highlight API</a></h2>
  <tr class="wpt">
  <th scope="row">Passing WPT subtests</th>
  <td>96%</td>
- <td>96%</td>
+ <td>97%</td>
  <td>76%</td>
  <td>81%</td>
  </tr>
@@ -1592,7 +1592,7 @@ <h2><a href="#scope">@scope</a></h2>
 
  </div>
 
- <p class="description">The <code>@scope</code> CSS at-rule defines the scope for a group of rules.</p>
+ <p class="description">The <code>@scope</code> CSS at-rule sets the scope for a group of rules.</p>
 
  <div class="support">
 
@@ -1719,7 +1719,7 @@ <h2><a href="#text-directionality">Text directionality</a></h2>
  <li><code>q=!is:tentative</code> to ignore optional tests</li>
  </ul>
  <p>The results were retrieved by extracting the <strong>Subtest Total</strong> numbers displayed at the bottom of each result page. No custom scoring was applied to the results.</p>
- <p>Last update: 2024-04-18.</p>
+ <p>Last update: 2024-04-25.</p>
 </footer>
 
 <script src="https://cdn.jsdelivr.net/npm/chart.js" ></script>