From f134b3993a84d53cc99fe66b426ba13548f142ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Markb=C3=A5ge?= <sebastian@calyptus.eu>
Date: Wed, 26 Mar 2025 15:02:53 -0400
Subject: [PATCH] Add getComputedStyle helper to ViewTransition refs (#32751)

This is also sometimes useful to read the style of the pseudo-element
itself without an animation.
---
 .../react-dom-bindings/src/client/ReactFiberConfigDOM.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js
index f3f458e3bd..e6b54a1e5e 100644
--- a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js
+++ b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js
@@ -2085,6 +2085,7 @@ export function stopViewTransition(transition: RunningViewTransition) {
 interface ViewTransitionPseudoElementType extends Animatable {
   _scope: HTMLElement;
   _selector: string;
+  getComputedStyle(): CSSStyleDeclaration;
 }
 
 function ViewTransitionPseudoElement(
@@ -2138,6 +2139,14 @@ ViewTransitionPseudoElement.prototype.getAnimations = function (
   }
   return result;
 };
+// $FlowFixMe[prop-missing]
+ViewTransitionPseudoElement.prototype.getComputedStyle = function (
+  this: ViewTransitionPseudoElementType,
+): CSSStyleDeclaration {
+  const scope = this._scope;
+  const selector = this._selector;
+  return getComputedStyle(scope, selector);
+};
 
 export function createViewTransitionInstance(
   name: string,