LibWeb: Update style attribute when calling attributeStyleMap.set()

Calme1709 · AtkinsSJ · commit d7d4f90a2c58 · 2025-12-02T11:37:11.000Z
We also now invalidate the element
diff --git a/Libraries/LibWeb/CSS/CSSStyleProperties.cpp b/Libraries/LibWeb/CSS/CSSStyleProperties.cpp
@@ -415,6 +415,10 @@ WebIDL::ExceptionOr<void> CSSStyleProperties::set_property_style_value(PropertyN
                 Important::No,
                 PropertyID::Custom,
                 style_value });
+
+        update_style_attribute();
+        invalidate_owners(DOM::StyleInvalidationReason::CSSStylePropertiesSetPropertyStyleValue);
+
         return {};
     }
 
@@ -439,6 +443,9 @@ WebIDL::ExceptionOr<void> CSSStyleProperties::set_property_style_value(PropertyN
         });
     });
 
+    update_style_attribute();
+    invalidate_owners(DOM::StyleInvalidationReason::CSSStylePropertiesSetPropertyStyleValue);
+
     return {};
 }
 
diff --git a/Libraries/LibWeb/DOM/Node.h b/Libraries/LibWeb/DOM/Node.h
@@ -56,6 +56,7 @@ enum class ShouldComputeRole {
     X(CSSImportRule)                                \
     X(CSSStylePropertiesRemoveProperty)             \
     X(CSSStylePropertiesSetProperty)                \
+    X(CSSStylePropertiesSetPropertyStyleValue)      \
     X(CSSStylePropertiesTextChange)                 \
     X(CustomElementStateChange)                     \
     X(CustomStateSetChange)                         \
diff --git a/Tests/LibWeb/Text/expected/css/typed-om-set-updates-style-attribute.txt b/Tests/LibWeb/Text/expected/css/typed-om-set-updates-style-attribute.txt
@@ -0,0 +1 @@
+width: 10px;
diff --git a/Tests/LibWeb/Text/input/css/typed-om-set-updates-style-attribute.html b/Tests/LibWeb/Text/input/css/typed-om-set-updates-style-attribute.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <div id="foo"></div>
+    <script src="../include.js"></script>
+    <script>
+        test(() => {
+            foo.attributeStyleMap.set("width", CSS.px(10));
+
+            println(foo.getAttribute("style"));
+        });
+    </script>
+</html>
