Attachment #217572 for bug #117329

View Details Raw Unified Return to Bug 117329

| Differences between



2013-11-13  Radu Stavila  <stavila@adobe.com>

        Added test for the overflow of a region being painted across multiple tiles.
        Added test for correct repainting of a region's overflow.

        [CSS Regions] Overflow areas from regions do not redraw
        https://bugs.webkit.org/show_bug.cgi?id=117329

        Reviewed by Antti Koivisto.

        * fast/regions/regions-overflow-tile-expected.html: Added.
        * fast/regions/regions-overflow-tile.html: Added.
        * fast/repaint/repaint-regions-overflow-expected.txt: Added.
        * fast/repaint/repaint-regions-overflow.html: Added.

2013-11-21  Mihai Maerean  <mmaerean@adobe.com>

        Fix hover area for divs with css transforms



<!DOCTYPE html>
<html>
	<head>
		<style>
			#region1, #region2 {
			    position: absolute;
			    width: 500px;
			    height: 150px;
			    border: 1px solid red;
			    padding: 5px;
			    background-color: lightgray;
			}

			#region2 {
			    left: 60px;
			    top: 250px;
			}
		</style>
	</head>
	<body style="-webkit-font-smoothing: none;">
		<p>On success, no text should be clipped and you should see <span style="color:red">LAST LINE</span> at the bottom of the text</p>

		<div id="region1">
		  	<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
		</div>

		<div id="region2">
			<p style="margin-top: 0px;">Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
		  	<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
		  	<p style="color:red">LAST LINE</p>
		</div>
	</body>
</html>



<!DOCTYPE html>
<html>
	<head>
		<style>
			#content {
				-webkit-flow-into: flow;
			}

			#region1, #region2 {
			    position: absolute;
			    width: 500px;
			    height: 150px;
			    -webkit-flow-from: flow;
			    border: 1px solid red;
			    padding: 5px;
			    background-color: lightgray;
			}

			#region2 {
			    left: 60px;
			    top: 250px;
			}
		</style>
	</head>
	<body style="-webkit-font-smoothing: none;">
		<p>On success, no text should be clipped and you should see <span style="color:red">LAST LINE</span> at the bottom of the text</p>

		<div id="content">
	  		<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
	  		<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
	  		<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
	  		<p style="color:red">LAST LINE</p>
		</div>

		<div id="region1"></div>
		<div id="region2"></div>
	</body>
</html>



On success, no text should be clipped and you should see LAST LINE at the bottom of the text

Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.

LAST LINE

(repaint rects
  (rect 106 206 300 100)
  (rect 14 72 300 210)
  (rect 106 122 300 210)
  (rect 14 298 300 18)
  (rect 106 348 300 18)
  (rect 14 56 300 260)
  (rect 106 106 300 260)
  (rect 60 150 312 112)
  (rect 100 200 312 112)
  (rect 14 56 300 260)
  (rect 106 106 300 260)
  (rect 14 56 300 260)
  (rect 106 106 300 260)
)




<!DOCTYPE html>
<html>
	<head>
		<script src="resources/text-based-repaint.js" type="text/javascript"></script>
		
		<style>
			#content {
				-webkit-flow-into: flow;
			}

			#region1, #region2 {
			    position: absolute;
			    width: 300px;
			    height: 100px;
			    -webkit-flow-from: flow;
			    border: 1px solid red;
			    padding: 5px;
			    background-color: lightgray;
			}

			#region2 {
			    left: 60px;
			    top: 150px;
			}
		</style>
	</head>
	<body onload="runRepaintTest();">
		<p>On success, no text should be clipped and you should see <span style="color:red">LAST LINE</span> at the bottom of the text</p>

		<div id="content">
	  		<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
	  		<p style="color:red">LAST LINE</p>
		</div>

		<div id="region1"></div>
		<div id="region2"></div>
		
		<script type="text/javascript">
			function repaintTest() 
			{
				var region2 = document.getElementById("region2");
				region2.style.left = "100px";
				region2.style.top = "200px";
			}
		</script>
	</body>
</html>

Return to Bug 117329

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +15 lines
		1	2013-11-13 Radu Stavila <stavila@adobe.com>
		2
		3	Added test for the overflow of a region being painted across multiple tiles.
		4	Added test for correct repainting of a region's overflow.
		5
		6	[CSS Regions] Overflow areas from regions do not redraw
		7	https://bugs.webkit.org/show_bug.cgi?id=117329
		8
		9	Reviewed by Antti Koivisto.
		10
		11	* fast/regions/regions-overflow-tile-expected.html: Added.
		12	* fast/regions/regions-overflow-tile.html: Added.
		13	* fast/repaint/repaint-regions-overflow-expected.txt: Added.
		14	* fast/repaint/repaint-regions-overflow.html: Added.
		15
1	2013-11-21 Mihai Maerean <mmaerean@adobe.com>	16	2013-11-21 Mihai Maerean <mmaerean@adobe.com>
2		17
3	Fix hover area for divs with css transforms	18	Fix hover area for divs with css transforms

Line 0 a/LayoutTests/fast/regions/regions-overflow-tile-expected.html_sec1
- a/LayoutTests/fast/regions/regions-overflow-tile-expected.html +33 lines
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<style>
	5	#region1, #region2 {
	6	position: absolute;
	7	width: 500px;
	8	height: 150px;
	9	border: 1px solid red;
	10	padding: 5px;
	11	background-color: lightgray;
	12	}
	13
	14	#region2 {
	15	left: 60px;
	16	top: 250px;
	17	}
	18	</style>
	19	</head>
	20	<body style="-webkit-font-smoothing: none;">
	21	<p>On success, no text should be clipped and you should see <span style="color:red">LAST LINE</span> at the bottom of the text</p>
	22
	23	<div id="region1">
	24	<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
	25	</div>
	26
	27	<div id="region2">
	28	<p style="margin-top: 0px;">Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
	29	<p>Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.</p>
	30	<p style="color:red">LAST LINE</p>
	31	</div>
	32	</body>
	33	</html>

Line 0 a/LayoutTests/fast/repaint/repaint-regions-overflow-expected.txt_sec1
- a/LayoutTests/fast/repaint/repaint-regions-overflow-expected.txt +22 lines
	1	On success, no text should be clipped and you should see LAST LINE at the bottom of the text
	2
	3	Above all, avoid lies, all lies, especially the lie to yourself. Keep watch on your own lie and examine it every hour, every minute. And avoid contempt, both of others and of yourself: what seems bad to you in yourself is purified by the very fact that you have noticed it in yourself. And avoid fear, though fear is simply the consequence of every lie. Never be frightened at your own faintheartedness in attaining love, and meanwhile do not even be very frightened by your own bad acts.
	4
	5	LAST LINE
	6
	7	(repaint rects
	8	(rect 106 206 300 100)
	9	(rect 14 72 300 210)
	10	(rect 106 122 300 210)
	11	(rect 14 298 300 18)
	12	(rect 106 348 300 18)
	13	(rect 14 56 300 260)
	14	(rect 106 106 300 260)
	15	(rect 60 150 312 112)
	16	(rect 100 200 312 112)
	17	(rect 14 56 300 260)
	18	(rect 106 106 300 260)
	19	(rect 14 56 300 260)
	20	(rect 106 106 300 260)
	21	)
	22