LibWeb+WebContent: Implement asynchronous DOM Node properties call

This lets us "push" a new style-properties list to the DOM Inspector,
for example when JS changes the style of the inspected node.

1 files changed, 4 insertions, 0 deletions

diff --git a/Userland/Applications/Browser/Tab.cpp b/Userland/Applications/Browser/Tab.cpp
index 960e3b371b..8f28ad04c7 100644
--- a/Userland/Applications/Browser/Tab.cpp
+++ b/Userland/Applications/Browser/Tab.cpp
@@ -281,6 +281,10 @@ Tab::Tab(BrowserWindow& window)
             m_dom_inspector_widget->set_dom_json(dom_tree);
     };
 
+    hooks().on_get_dom_node_properties = [this](auto node_id, auto& specified, auto& computed) {
+        m_dom_inspector_widget->set_dom_node_properties_json(node_id, specified, computed);
+    };
+
     hooks().on_js_console_output = [this](auto& method, auto& line) {
         if (m_console_window) {
             auto* console_widget = static_cast<ConsoleWidget*>(m_console_window->main_widget());