| Index: LayoutTests/fast/css/sticky/sticky-flexbox.html
|
| diff --git a/LayoutTests/fast/css/sticky/sticky-flexbox.html b/LayoutTests/fast/css/sticky/sticky-flexbox.html
|
| deleted file mode 100644
|
| index f9dc80e4b03dd25862eb83ac2c823ac52ee4c7ca..0000000000000000000000000000000000000000
|
| --- a/LayoutTests/fast/css/sticky/sticky-flexbox.html
|
| +++ /dev/null
|
| @@ -1,93 +0,0 @@
|
| -<!DOCTYPE html>
|
| -
|
| -<html>
|
| -<head>
|
| -<style>
|
| - body {
|
| - margin: 0;
|
| - width: 2000px;
|
| - overflow: hidden; /* hide scrollbars */
|
| - }
|
| -
|
| - p {
|
| - position: relative;
|
| - left: 100px;
|
| - }
|
| -
|
| - .group {
|
| - position: relative;
|
| - width: 500px;
|
| - height: 200px;
|
| - }
|
| -
|
| - .flex-container {
|
| - position: relative;
|
| - display: flex;
|
| - width: 200px;
|
| - height: 180px;
|
| - flex-flow: row wrap;
|
| - outline: 2px solid black;
|
| - }
|
| -
|
| - .box {
|
| - width: 100px;
|
| - height: 180px;
|
| - }
|
| -
|
| - .flex-item {
|
| - width: 100px;
|
| - height: 180px;
|
| - display: flex;
|
| - }
|
| -
|
| - .sticky {
|
| - position: sticky;
|
| - left: 100px;
|
| - background-color: green;
|
| - }
|
| -
|
| - .indicator {
|
| - position: absolute;
|
| - top: 0;
|
| - left: 0;
|
| - background-color: red;
|
| - }
|
| -</style>
|
| -<script>
|
| - function doTest()
|
| - {
|
| - window.scrollTo(100, 0);
|
| - }
|
| - window.addEventListener('load', doTest, false);
|
| -</script>
|
| -</head>
|
| -<body>
|
| - <p>This test checks the behavior of position:sticky with flex box items.
|
| - There should be no red.</p>
|
| -
|
| - <div class="group" style="left: 100px">
|
| - <div class="indicator box" style="left: 100px;"></div>
|
| - <div class="flex-container" style="left: 0px;">
|
| - <div class="sticky flex-item"></div>
|
| - <div class="flex-item" style="background-color: green;"></div>
|
| - </div>
|
| - </div>
|
| -
|
| - <div class="group" style="left: 150px">
|
| - <div class="indicator box" style="left: 50px;"></div>
|
| - <div class="flex-container" style="left: 0px;">
|
| - <div class="sticky flex-item"></div>
|
| - <div class="flex-item" style="background-color: green;"></div>
|
| - </div>
|
| - </div>
|
| -
|
| - <div class="group" style="left: 200px">
|
| - <div class="indicator box" style="left: 0;"></div>
|
| - <div class="flex-container" style="left: 0px;">
|
| - <div class="sticky flex-item"></div>
|
| - <div class="flex-item" style="background-color: green;"></div>
|
| - </div>
|
| - </div>
|
| -
|
| -</body>
|
| -</html>
|
|
|
Chromium Code Reviews
