mirror of
https://github.com/servo/servo.git
synced 2025-08-10 16:05:43 +01:00
Update web-platform-tests to revision b'ceb972b009e1b43c589dce3f36b050121493d2e0'
This commit is contained in:
parent
88ff668147
commit
3c4c34479c
196 changed files with 5979 additions and 848 deletions
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>View transitions: view-transition-name is limited to document root (ref)</title>
|
||||
<link rel="help" href="https://github.com/WICG/view-transitions">
|
||||
<link rel="author" href="mailto:khushalsagar@chromium.org">
|
||||
<head>
|
||||
<style>
|
||||
html {
|
||||
view-transition-name: none;
|
||||
}
|
||||
|
||||
:root {
|
||||
view-transition-name: root;
|
||||
}
|
||||
|
||||
.foo {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.bar {
|
||||
position: fixed;
|
||||
left: 50px;
|
||||
top: 50px;
|
||||
background: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
const extraHTML = document.createElement('html');
|
||||
|
||||
const foo = document.createElement('div');
|
||||
foo.className = 'foo';
|
||||
|
||||
const bar = document.createElement('div');
|
||||
bar.className = 'bar';
|
||||
|
||||
extraHTML.append(foo);
|
||||
document.body.append(extraHTML, bar);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>View transitions: view-transition-name is limited to document root</title>
|
||||
<link rel="help" href="https://github.com/WICG/view-transitions">
|
||||
<link rel="author" href="mailto:khushalsagar@chromium.org">
|
||||
<link rel="match" href="view-transition-name-on-document-root-ref.html">
|
||||
<head>
|
||||
<style>
|
||||
.foo {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.bar {
|
||||
position: fixed;
|
||||
left: 50px;
|
||||
top: 50px;
|
||||
background: green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
const extraHTML = document.createElement('html');
|
||||
|
||||
const foo = document.createElement('div');
|
||||
foo.className = 'foo';
|
||||
|
||||
const bar = document.createElement('div');
|
||||
bar.className = 'bar';
|
||||
|
||||
extraHTML.append(foo);
|
||||
document.body.append(extraHTML, bar);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue