Stowage/ladybird
2
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-12-08 06:09:58 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
We also now invalidate the element
This commit is contained in:
Callum Law 2025-12-02 23:18:26 +13:00 • committed by Sam Atkins
parent 4e79d86d03
commit d7d4f90a2c
Notes: github-actions[bot] 2025-12-02 11:38:26 +00:00
4 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
Libraries/LibWeb/CSS/CSSStyleProperties.cpp
View file

@ -415,6 +415,10 @@ WebIDL::ExceptionOr<void> CSSStyleProperties::set_property_style_value(PropertyN
Important::No, Important::No,
PropertyID::Custom, PropertyID::Custom,
style_value }); style_value });
update_style_attribute();
invalidate_owners(DOM::StyleInvalidationReason::CSSStylePropertiesSetPropertyStyleValue);
return {}; return {};
} }
@ -439,6 +443,9 @@ WebIDL::ExceptionOr<void> CSSStyleProperties::set_property_style_value(PropertyN
}); });
}); });
update_style_attribute();
invalidate_owners(DOM::StyleInvalidationReason::CSSStylePropertiesSetPropertyStyleValue);
return {}; return {};
} }

1
Libraries/LibWeb/DOM/Node.h
View file

@ -56,6 +56,7 @@ enum class ShouldComputeRole {
X(CSSImportRule) \ X(CSSImportRule) \
X(CSSStylePropertiesRemoveProperty) \ X(CSSStylePropertiesRemoveProperty) \
X(CSSStylePropertiesSetProperty) \ X(CSSStylePropertiesSetProperty) \
X(CSSStylePropertiesSetPropertyStyleValue) \
X(CSSStylePropertiesTextChange) \ X(CSSStylePropertiesTextChange) \
X(CustomElementStateChange) \ X(CustomElementStateChange) \
X(CustomStateSetChange) \ X(CustomStateSetChange) \

1
Tests/LibWeb/Text/expected/css/typed-om-set-updates-style-attribute.txt Normal file
View file

@ -0,0 +1 @@
width: 10px;

12
Tests/LibWeb/Text/input/css/typed-om-set-updates-style-attribute.html Normal file
View file

@ -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>