mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 05:39:41 +02:00
5a59cdb8ed
Automatic update from web-platform-tests [@property] Ignore @property in shadow trees Bug: 973830, 978786 Change-Id: Iedf976e75098ecfa6158e4413f33bb3edba20381 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2159222 Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/master@{#761385} -- wpt-commits: ab523b11d595439e896c55fa32a99addc8557b0d wpt-pr: 23142
46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1/#at-property-rule">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="./resources/utils.js"></script>
|
|
<style>
|
|
@property --x {
|
|
syntax: "<length>";
|
|
inherits: false;
|
|
initial-value: 0px;
|
|
}
|
|
#outside {
|
|
--x: calc(1px + 1px);
|
|
--y: calc(1px + 1px);
|
|
}
|
|
</style>
|
|
<template id=template>
|
|
<style>
|
|
/* This rule should have no effect */
|
|
@property --y {
|
|
syntax: "<length>";
|
|
inherits: false;
|
|
initial-value: 0px;
|
|
}
|
|
#inside {
|
|
--x: calc(1px + 1px);
|
|
--y: calc(1px + 1px);
|
|
}
|
|
</style>
|
|
<div id=inside></div>
|
|
</template>
|
|
<div id=host></div>
|
|
<div id=outside></div>
|
|
<script>
|
|
|
|
test(() => {
|
|
let root = host.attachShadow({ mode: 'open' });
|
|
root.append(template.content.cloneNode(true));
|
|
let inside = root.querySelector('#inside');
|
|
assert_equals(getComputedStyle(outside).getPropertyValue('--x'), '2px');
|
|
assert_equals(getComputedStyle(outside).getPropertyValue('--y'), ' calc(1px + 1px)');
|
|
assert_equals(getComputedStyle(inside).getPropertyValue('--x'), '2px');
|
|
assert_equals(getComputedStyle(inside).getPropertyValue('--y'), ' calc(1px + 1px)');
|
|
}, '@property rules in shadow trees should have no effect');
|
|
|
|
</script>
|