mirror of
				https://github.com/RGBCube/serenity
				synced 2025-10-31 06:52:45 +00:00 
			
		
		
		
	 3cf5ad002a
			
		
	
	
		3cf5ad002a
		
	
	
	
	
		
			
			With this change, a stacking context can be established by any paintable, including inline paintables. The stacking context traversal is updated to remove the assumption that the stacking context root is paintable box.
		
			
				
	
	
		
			23 lines
		
	
	
	
		
			510 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			23 lines
		
	
	
	
		
			510 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <style>
 | |
| span {
 | |
|     z-index: 10;
 | |
|     background: orange;
 | |
|     position: relative;
 | |
|     opacity: 0.5;
 | |
|     font-size: 100px;
 | |
| }
 | |
| div {
 | |
|     z-index: 5;
 | |
|     width: 100px;
 | |
|     height: 100px;
 | |
|     background: green;
 | |
|     position: relative;
 | |
|     top: -10px;
 | |
| }
 | |
| </style><span id="inline-stacking-context">hello</span><div></div>
 | |
| <script src="../include.js"></script>
 | |
| <script>
 | |
|     test(() => {
 | |
|         println(internals.hitTest(50, 50).node.parentNode === document.getElementById("inline-stacking-context"));
 | |
|     });
 | |
| </script>
 |