LibWeb/CSS: Add -webkit-filter as a legacy alias
Some checks are pending
CI / macOS, arm64, Sanitizer, Clang (push) Waiting to run
CI / Linux, x86_64, Fuzzers, Clang (push) Waiting to run
CI / Linux, x86_64, Sanitizer, GNU (push) Waiting to run
CI / Linux, x86_64, Sanitizer, Clang (push) Waiting to run
Package the js repl as a binary artifact / Linux, arm64 (push) Waiting to run
Package the js repl as a binary artifact / macOS, arm64 (push) Waiting to run
Package the js repl as a binary artifact / Linux, x86_64 (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run

This commit is contained in:
Tim Ledbetter 2025-07-23 05:07:36 +01:00 committed by Jelle Raaijmakers
commit 062862f315
Notes: github-actions[bot] 2025-07-23 07:33:48 +00:00
4 changed files with 133 additions and 0 deletions

View file

@ -83,6 +83,9 @@
"-webkit-box-sizing": {
"legacy-alias-for": "box-sizing"
},
"-webkit-filter": {
"legacy-alias-for": "filter"
},
"-webkit-flex": {
"legacy-alias-for": "flex"
},

View file

@ -84,6 +84,9 @@ All supported properties and their default values exposed from CSSStylePropertie
'WebkitBoxSizing': 'content-box'
'webkitBoxSizing': 'content-box'
'-webkit-box-sizing': 'content-box'
'WebkitFilter': 'none'
'webkitFilter': 'none'
'-webkit-filter': 'none'
'WebkitFlex': '0 1 auto'
'webkitFlex': '0 1 auto'
'-webkit-flex': '0 1 auto'

View file

@ -0,0 +1,57 @@
Harness status: OK
Found 51 tests
40 Pass
11 Fail
Pass webkitAlignContent found on CSSStyleDeclaration
Pass webkitAlignItems found on CSSStyleDeclaration
Pass webkitAlignSelf found on CSSStyleDeclaration
Pass webkitAnimation found on CSSStyleDeclaration
Pass webkitAnimationDelay found on CSSStyleDeclaration
Pass webkitAnimationDirection found on CSSStyleDeclaration
Pass webkitAnimationDuration found on CSSStyleDeclaration
Pass webkitAnimationFillMode found on CSSStyleDeclaration
Pass webkitAnimationIterationCount found on CSSStyleDeclaration
Pass webkitAnimationName found on CSSStyleDeclaration
Pass webkitAnimationPlayState found on CSSStyleDeclaration
Pass webkitAnimationTimingFunction found on CSSStyleDeclaration
Fail webkitBackfaceVisibility found on CSSStyleDeclaration
Fail WebKitBackgroundClip found on CSSStyleDeclaration
Pass webkitBackgroundOrigin found on CSSStyleDeclaration
Pass webkitBackgroundSize found on CSSStyleDeclaration
Pass webkitBorderBottomLeftRadius found on CSSStyleDeclaration
Pass webkitBorderBottomRightRadius found on CSSStyleDeclaration
Pass webkitBorderRadius found on CSSStyleDeclaration
Pass webkitBorderTopLeftRadius found on CSSStyleDeclaration
Pass webkitBorderTopRightRadius found on CSSStyleDeclaration
Pass webkitBoxShadow found on CSSStyleDeclaration
Pass webkitBoxSizing found on CSSStyleDeclaration
Pass webkitFilter found on CSSStyleDeclaration
Pass webkitFlex found on CSSStyleDeclaration
Pass webkitFlexBasis found on CSSStyleDeclaration
Pass webkitFlexDirection found on CSSStyleDeclaration
Pass webkitFlexFlow found on CSSStyleDeclaration
Pass webkitFlexGrow found on CSSStyleDeclaration
Pass webkitFlexShrink found on CSSStyleDeclaration
Pass webkitFlexWrap found on CSSStyleDeclaration
Pass webkitJustifyContent found on CSSStyleDeclaration
Pass webkitMask found on CSSStyleDeclaration
Fail webkitMaskClip found on CSSStyleDeclaration
Fail webkitMaskComposite found on CSSStyleDeclaration
Pass webkitMaskImage found on CSSStyleDeclaration
Fail webkitMaskOrigin found on CSSStyleDeclaration
Fail webkitMaskPosition found on CSSStyleDeclaration
Fail webkitMaskRepeat found on CSSStyleDeclaration
Fail webkitMaskSize found on CSSStyleDeclaration
Pass webkitOrder found on CSSStyleDeclaration
Fail webkitPerspective found on CSSStyleDeclaration
Fail webkitPerspectiveOrigin found on CSSStyleDeclaration
Pass webkitTransform found on CSSStyleDeclaration
Pass webkitTransformOrigin found on CSSStyleDeclaration
Fail webkitTransformStyle found on CSSStyleDeclaration
Pass webkitTransition found on CSSStyleDeclaration
Pass webkitTransitionDelay found on CSSStyleDeclaration
Pass webkitTransitionDuration found on CSSStyleDeclaration
Pass webkitTransitionProperty found on CSSStyleDeclaration
Pass webkitTransitionTimingFunction found on CSSStyleDeclaration

View file

@ -0,0 +1,70 @@
<!DOCTYPE html>
<title>Aliases enumerated on CSSStyleDeclaration</title>
<link rel="help" href="https://compat.spec.whatwg.org/#css-simple-aliases">
<meta name="assert" content="This test verifies that aliases are enumerated on CSSStyleDeclaration" />
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<body>
</body>
<script>
const PREFIXED_PROPS = [
'webkitAlignContent',
'webkitAlignItems',
'webkitAlignSelf',
'webkitAnimation',
'webkitAnimationDelay',
'webkitAnimationDirection',
'webkitAnimationDuration',
'webkitAnimationFillMode',
'webkitAnimationIterationCount',
'webkitAnimationName',
'webkitAnimationPlayState',
'webkitAnimationTimingFunction',
'webkitBackfaceVisibility',
'WebKitBackgroundClip',
'webkitBackgroundOrigin',
'webkitBackgroundSize',
'webkitBorderBottomLeftRadius',
'webkitBorderBottomRightRadius',
'webkitBorderRadius',
'webkitBorderTopLeftRadius',
'webkitBorderTopRightRadius',
'webkitBoxShadow',
'webkitBoxSizing',
'webkitFilter',
'webkitFlex',
'webkitFlexBasis',
'webkitFlexDirection',
'webkitFlexFlow',
'webkitFlexGrow',
'webkitFlexShrink',
'webkitFlexWrap',
'webkitJustifyContent',
'webkitMask',
'webkitMaskClip',
'webkitMaskComposite',
'webkitMaskImage',
'webkitMaskOrigin',
'webkitMaskPosition',
'webkitMaskRepeat',
'webkitMaskSize',
'webkitOrder',
'webkitPerspective',
'webkitPerspectiveOrigin',
'webkitTransform',
'webkitTransformOrigin',
'webkitTransformStyle',
'webkitTransition',
'webkitTransitionDelay',
'webkitTransitionDuration',
'webkitTransitionProperty',
'webkitTransitionTimingFunction',
];
const docBodyStyle = document.body.style;
for (let prop of PREFIXED_PROPS) {
test(() => {
assert_true(prop in docBodyStyle);
}, `${prop} found on CSSStyleDeclaration`);
}
</script>