From b8fa9ac7e702570aee5ec9fcd4a6684a9d48c4b3 Mon Sep 17 00:00:00 2001
From: Sam Atkins <sam@ladybird.org>
Date: Fri, 26 Sep 2025 14:31:57 +0100
Subject: [PATCH] WebContent: Expose custom properties to DevTools

ComputedProperties doesn't contain custom properties, at least at the
moment. So, we have to iterate them separately.
---
 Services/WebContent/ConnectionFromClient.cpp | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/Services/WebContent/ConnectionFromClient.cpp b/Services/WebContent/ConnectionFromClient.cpp
index 6c6f4591cd8..4ba9c7da4c0 100644
--- a/Services/WebContent/ConnectionFromClient.cpp
+++ b/Services/WebContent/ConnectionFromClient.cpp
@@ -484,6 +484,12 @@ void ConnectionFromClient::inspect_dom_node(u64 page_id, WebView::DOMNodePropert
                 value.to_string(Web::CSS::SerializationMode::Normal));
         });
 
+        // FIXME: Custom properties are not yet included in ComputedProperties, so add them manually.
+        auto custom_properties = element.custom_properties(pseudo_element);
+        for (auto const& [name, value] : custom_properties) {
+            serialized.set(name, value.value->to_string(Web::CSS::SerializationMode::Normal));
+        }
+
         return serialized;
     };