forked from mirrors/gecko-dev
		
	 fdc9d78eda
			
		
	
	
		fdc9d78eda
		
	
	
	
	
		
			
			Automatic update from web-platform-tests
blink: makes LayoutBox honor overflow-clip-margin
This does the following:
If overflow-clip-margin changes, then need to repaint
OverflowClipRect() and VisualOverflowRect() adjust for
overflow-clip-margin (overflow-clip-margin is only set if overflow:clip
is set along both axis).
BUG=1087667
TEST=wpt/css/css-overflow/overflow-clip-margin-invalidation
     wpt/css/css-overflow/overflow-clip-margin-001.html
Change-Id: I9875c724c153600bf8eafe633bc138d99de3099a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2468794
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org>
Commit-Queue: Scott Violet <sky@chromium.org>
Cr-Commit-Position: refs/heads/master@{#819170}
--
wpt-commits: 5168e59a178f91389a9193cdbfcfaac9f5094f21
wpt-pr: 26117
		
	
			
		
			
				
	
	
		
			40 lines
		
	
	
	
		
			929 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			40 lines
		
	
	
	
		
			929 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!doctype html>
 | |
| <meta charset="utf-8">
 | |
| <title>CSS Overflow: overflow-clip-margin: invalidation on change</title>
 | |
| <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin">
 | |
| <link rel="author" title="Scott Violet" href="mailto:sky@chromium.org">
 | |
| <style>
 | |
|   .container {
 | |
|       display: flex;
 | |
|   }
 | |
|   .parent_overflow {
 | |
|       position: relative;
 | |
|       top: -10px;
 | |
|       left: -10px;
 | |
|       width: 120px;
 | |
|       height: 120px;
 | |
|       flex: none;
 | |
|       background-color: green;
 | |
|   }
 | |
|   .parent {
 | |
|       width: 100px;
 | |
|       height: 100px;
 | |
|       flex: none;
 | |
|       background-color: green;
 | |
|   }
 | |
|   .spacer {
 | |
|       flex: none;
 | |
|       height: 100px;
 | |
|       width: 100px;
 | |
|   }
 | |
| 
 | |
| </style>
 | |
| <div class="spacer"></div>
 | |
| <div class="container">
 | |
|   <div class="spacer"></div>
 | |
|   <div class="parent"></div>
 | |
| <div class="spacer"></div>
 | |
| <div class="container">
 | |
|   <div class="spacer"></div>
 | |
|   <div class="parent_overflow"></div>
 | |
| </body>
 |