Skip to content
Permalink
Browse files

add tests for inline-block element opacity only change incremental re…

…flow
  • Loading branch information...
splav committed Aug 23, 2016
1 parent 512764b commit 4bb9de4ea5b74bfabf95431c28006d8831d3277d
@@ -2496,6 +2496,18 @@
"url": "/_mozilla/css/inline_block_min_width.html"
}
],
"css/inline_block_opacity_change.html": [
{
"path": "css/inline_block_opacity_change.html",
"references": [
[
"/_mozilla/css/inline_block_opacity_change_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_block_opacity_change.html"
}
],
"css/inline_block_overflow.html": [
{
"path": "css/inline_block_overflow.html",
@@ -11764,6 +11776,18 @@
"url": "/_mozilla/css/inline_block_min_width.html"
}
],
"css/inline_block_opacity_change.html": [
{
"path": "css/inline_block_opacity_change.html",
"references": [
[
"/_mozilla/css/inline_block_opacity_change_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_block_opacity_change.html"
}
],
"css/inline_block_overflow.html": [
{
"path": "css/inline_block_overflow.html",
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<link rel="match" href="inline_block_opacity_change_ref.html">
<style>
#a {
background-color: green;
display: inline-block;
width: 1em;
opacity: 0.2;
}
#a.go {
opacity: 1;
}
</style>
</head>

<body>
<span style="transition: opacity .1s ease-out;" id="a">a</span>
<script>
document.body.offsetWidth; // force layout
document.querySelector('#a').classList.add('go');
</script>
</body>
</html>
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<style>
#a {
background-color: green;
display: inline-block;
width: 1em;
opacity: 1;
}
</style>
</head>

<body>
<span id="a">a</span>
</body>
</html>

0 comments on commit 4bb9de4

Please sign in to comment.
You can’t perform that action at this time.