Chromium Code Reviews Chromium Code Reviews
Issue 2636253002:
Handle nested position:sticky elements (Closed)
| Index: third_party/WebKit/LayoutTests/fast/css/sticky/nested/sticky-nested-table-expected.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/css/sticky/nested/sticky-nested-table-expected.html b/third_party/WebKit/LayoutTests/fast/css/sticky/nested/sticky-nested-table-expected.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..63976dadfadc9990b8370d5e9a5f6af79c62e58b |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/css/sticky/nested/sticky-nested-table-expected.html |
| @@ -0,0 +1,57 @@ |
| +<!DOCTYPE html> |
| + |
| +<html> |
| +<head> |
| +<style> |
| + body { |
| + margin: 0; |
| + } |
| + |
| + table { |
| + background: red; |
| + border-collapse: collapse; |
| + } |
| + |
| + td, th { |
| + height: 50px; |
| + width: 50px; |
| + padding: 0; |
| + } |
| + |
| + th { |
| + position: absolute; |
| + top: 25px; |
| + background: green; |
| + } |
| + |
| + .container { |
| + overflow: hidden; |
| + width: 100px; |
| + height: 200px; |
| + outline: 2px solid black; |
| + } |
| +</style> |
| +</head> |
| +<body> |
| + <div class="container"> |
| + <table> |
| + <thead class="sticky"> |
| + <tr class="sticky"> |
| + <th class="sticky"></th> |
| + </tr> |
| + </thead> |
| + <tbody> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + <tr><td></td></tr> |
| + </tbody> |
| + </table> |
| + </div> |
| +</body> |
| +</html> |
