Index: LayoutTests/fast/repaint/align-self-change-keeping-geometry.html |
diff --git a/LayoutTests/fast/repaint/align-self-change-keeping-geometry.html b/LayoutTests/fast/repaint/align-self-change-keeping-geometry.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f6b07be1b38d395e58fe85f18a9a142c9f219282 |
--- /dev/null |
+++ b/LayoutTests/fast/repaint/align-self-change-keeping-geometry.html |
@@ -0,0 +1,29 @@ |
+<!DOCTYPE HTML> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+function repaintTest() { |
+ document.getElementsByClassName('item')[0].style.alignSelf = 'stretch'; |
+ document.getElementsByClassName('item')[1].style.alignSelf = 'stretch'; |
+} |
+onload = runRepaintTest; |
+</script> |
+<style> |
+.flex { |
+ display: flex; |
+ align-items: flex-start; |
+ width: 200px; |
+ height: 300px; |
+ background-color: red; |
+} |
+.item { |
+ background-color: green; |
+ border: solid thin blue; |
+ width: 100px; |
+ height: 300px; |
+} |
+</style> |
+<p style="height: 20px">There should be no invalidations because align-self style change causes no visual change.</p> |
+<div class="flex"> |
+ <div class="item"></div> |
+ <div class="item"></div> |
+</div> |