mdn · Josh-Cena · Jul 28, 2025 · Jul 26, 2025 · Jul 28, 2025
@@ -6,6 +6,8 @@ page-type: web-api-instance-method
 browser-compat: api.CaretPosition.getClientRect
 ---
 
+{{APIRef("CSSOM")}}
+
 The `getClientRect()` method of the {{domxref("CaretPosition")}} interface returns the client rectangle for the caret range.
 
 ## Syntax
@@ -27,10 +29,16 @@ A {{domxref("DOMRect")}} object.
 ### Get the caret's screen position
 
 ```html
-<input
-  aria-label="text field"
-  value="Click inside this input field"
-  style="width: 100%; padding: 10px; font-size: 16px; box-sizing: border-box" />
+<input aria-label="text field" value="Click inside this input field" />
+```
+
+```css
+input {
+  width: 100%;
+  padding: 10px;
+  font-size: 16px;
+  box-sizing: border-box;
+}
 ```
 
 ```js

@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.CaretPosition
 ---
 
-{{ APIRef("CSSOM") }}
+{{APIRef("CSSOM")}}
 
 The `CaretPosition` interface represents the caret position, an indicator for the text insertion point.
 You can get a `CaretPosition` using the {{domxref("Document.caretPositionFromPoint()")}} method.

@@ -6,6 +6,8 @@ page-type: web-api-instance-property
 browser-compat: api.CaretPosition.offset
 ---
 
+{{APIRef("CSSOM")}}
+
 The **`offset`** property of the {{domxref("CaretPosition")}} interface returns an integer representing the offset of the selection in the caret position node.
 
 This will be the character offset in a text node or the selected child node's index in an element node.
@@ -19,10 +21,16 @@ An integer.
 This example logs the `offsetNode` and `offset` of the caret position when clicking inside the input field
 
 ```html
-<input
-  aria-label="text field"
-  value="Click inside this input field"
-  style="width: 100%; padding: 10px; font-size: 16px; box-sizing: border-box" />
+<input aria-label="text field" value="Click inside this input field" />
+```
+
+```css
+input {
+  width: 100%;
+  padding: 10px;
+  font-size: 16px;
+  box-sizing: border-box;
+}
 ```
 
 ```js

@@ -6,6 +6,8 @@ page-type: web-api-instance-property
 browser-compat: api.CaretPosition.offsetNode
 ---
 
+{{APIRef("CSSOM")}}
+
 The **`offsetNode`** property of the {{domxref("CaretPosition")}} interface returns a {{domxref("Node")}} containing the found node at the caret's position.
 
 ## Value
@@ -17,10 +19,16 @@ A {{domxref("Node")}}.
 This example logs the `offsetNode` and `offset` of the caret position when clicking inside the input field
 
 ```html
-<input
-  aria-label="text field"
-  value="Click inside this input field"
-  style="width: 100%; padding: 10px; font-size: 16px; box-sizing: border-box" />
+<input aria-label="text field" value="Click inside this input field" />
+```
+
+```css
+input {
+  width: 100%;
+  padding: 10px;
+  font-size: 16px;
+  box-sizing: border-box;
+}
 ```
 
 ```js

@@ -59,7 +59,7 @@ _No specific method; inherits methods from its parent, {{domxref("AudioNode")}}_
 
 ## ConvolverNode Example
 
-The following example shows basic usage of an AudioContext to create a convolver node. You will need to find an impulse response to complete the example below. See our [HolySpaceCow](https://mdn.github.io/webaudio-examples/holy-space-cow) example for a complete, applied example.
+The following example shows basic usage of an AudioContext to create a convolver node. You will need to find an impulse response to complete the example below. See our [HolySpaceCow](https://mdn.github.io/webaudio-examples/holy-space-cow/) example for a complete, applied example.
 
 ```js
 let audioCtx = new window.AudioContext();

@@ -36,7 +36,7 @@ async function signIn() {
           loginHint: "user1@example.com",
         },
         {
-          //...
+          // ...
         },
       ],
     },
@@ -189,7 +189,7 @@ IdentityCredential.disconnect({
 });
 ```
 
-For a `disconnect()` call to work, the IdP must include a [`disconnect_endpoint`](/docs/Web/API/FedCM_API/IDP_integration#disconnect_endpoint) in its config file. See [The disconnect endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_disconnect_endpoint) for more details of the underlying HTTP communication.
+For a `disconnect()` call to work, the IdP must include a [`disconnect_endpoint`](/en-US/docs/Web/API/FedCM_API/IDP_integration#disconnect_endpoint) in its config file. See [The disconnect endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_disconnect_endpoint) for more details of the underlying HTTP communication.
 
 ## See also
 

@@ -65,7 +65,7 @@ IdentityCredential.disconnect({
 });
 ```
 
-For a `disconnect()` call to work, the IdP must include a [`disconnect_endpoint`](/docs/Web/API/FedCM_API/IDP_integration#disconnect_endpoint) in its config file. See [The disconnect endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_disconnect_endpoint) for more details of the underlying HTTP communication.
+For a `disconnect()` call to work, the IdP must include a [`disconnect_endpoint`](/en-US//docs/Web/API/FedCM_API/IDP_integration#disconnect_endpoint) in its config file. See [The disconnect endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_disconnect_endpoint) for more details of the underlying HTTP communication.
 
 ## Specifications
 

@@ -70,7 +70,7 @@ When `getUserInfo()` is called, the browser will make a request to the specified
 
 ### Basic `IdentityProvider.getUserInfo()` usage
 
-The following example shows how the {{domxref("IdentityProvider.getUserInfo_static", "getUserInfo()")}} method can be used to return information on a previously-signed in user from a specific IdP.
+The following example shows how the `IdentityProvider.getUserInfo()` method can be used to return information on a previously-signed in user from a specific IdP.
 
 ```js
 // Iframe displaying a page from the https://idp.example origin

@@ -20,7 +20,7 @@ The **`:active-view-transition`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-
 
 ### Styling an active view transition
 
-This example extends on the [same-document view transition](/en-US/docs/Web/API/Document/startViewTransition#same-document_view_transition) example on the `startViewTransition` page.
+This example extends on the [same-document view transition](/en-US/docs/Web/API/Document/startViewTransition#using_a_same-document_view_transition) example on the `startViewTransition` page.
 
 ```html
 <main>

@@ -249,7 +249,7 @@ source.connect(convolver);
 convolver.connect(context.destination);
 ```
 
-See our [HolySpaceCow](https://mdn.github.io/webaudio-examples/holy-space-cow) example for an applied (but very, very silly) example.
+See our [HolySpaceCow](https://mdn.github.io/webaudio-examples/holy-space-cow/) example for an applied (but very, very silly) example.
 
 ### Spatial audio
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,7 +36,7 @@ async function signIn() { @@
               loginHint: "user1@example.com",
             },
             {
-              //...
+              // ...
             },
           ],
         },
@@ Expand Down Expand Up / @@ -189,7 +189,7 @@ IdentityCredential.disconnect({ @@
     });
     ```
-    For a `disconnect()` call to work, the IdP must include a [`disconnect_endpoint`](/docs/Web/API/FedCM_API/IDP_integration#disconnect_endpoint) in its config file. See [The disconnect endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_disconnect_endpoint) for more details of the underlying HTTP communication.
+    For a `disconnect()` call to work, the IdP must include a [`disconnect_endpoint`](/en-US/docs/Web/API/FedCM_API/IDP_integration#disconnect_endpoint) in its config file. See [The disconnect endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_disconnect_endpoint) for more details of the underlying HTTP communication.
     ## See also
@@ Expand Down @@