LibWeb/CSS: Disallow negative time values for transition-duration

This commit is contained in:
Tim Ledbetter 2025-03-12 16:30:19 +00:00 committed by Jelle Raaijmakers
parent b80c0d2114
commit 37eb2be348
Notes: github-actions[bot] 2025-03-14 07:53:33 +00:00
3 changed files with 33 additions and 1 deletions

View file

@ -2848,7 +2848,7 @@
"inherited": false,
"initial": "0s",
"valid-types": [
"time"
"time [0,∞]"
]
},
"transition-property": {

View file

@ -0,0 +1,10 @@
Harness status: OK
Found 5 tests
5 Pass
Pass e.style['transition-duration'] = "infinite" should not set the property value
Pass e.style['transition-duration'] = "-500ms" should not set the property value
Pass e.style['transition-duration'] = "1s 2s" should not set the property value
Pass e.style['transition-duration'] = "1s, initial" should not set the property value
Pass e.style['transition-duration'] = "initial, 1s" should not set the property value

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Transitions: parsing transition-duration with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-transitions/#propdef-transition-duration">
<meta name="assert" content="transition-duration supports only the grammar '<time> #'.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_invalid_value("transition-duration", 'infinite');
test_invalid_value("transition-duration", '-500ms');
test_invalid_value("transition-duration", '1s 2s');
test_invalid_value("transition-duration", '1s, initial');
test_invalid_value("transition-duration", 'initial, 1s');
</script>
</body>
</html>