eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-27 02:05:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Prefer transitioned property values over important

Browse Source 
CSS transitions have a higher precedence in the cascade than important
properties
This commit is contained in:
Callum Law
2025-11-16 21:16:01 +13:00
committed by Sam Atkins
parent 9afb523be3
commit 63538c8a75
Notes: github-actions[bot] 2025-11-28 16:17:06 +00:00 
Author: https://github.com/Calme1709
Commit: https://github.com/LadybirdBrowser/ladybird/commit/63538c8a753
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/6837
Reviewed-by: https://github.com/AtkinsSJ ✅
8 changed files with 89 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Tests/LibWeb/Text/input/wpt-import/css/css-transitions/transition-important.html Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<title>CSS Transitions Test: !important property</title>
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#cascade-sort">
<script src="../../resources/testharness.js" type="text/javascript"></script>
<script src="../../resources/testharnessreport.js" type="text/javascript"></script>
<style>
#target {
width: 200px;
height: 200px;
background-color: green;
transition: background-color 100s;
}
.red {
background-color: red !important;
}
</style>
<div id="target"></div>
<script>
test(t => {
assert_equals(getComputedStyle(target).backgroundColor, "rgb(0, 128, 0)");
target.className = "red";
assert_equals(getComputedStyle(target).backgroundColor, "rgb(0, 128, 0)");
}, "!important should not override transition");
</script>