LayoutTests/fast/css/heightless-list-item-expected.html - WebKit - Git at Google

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
  <head>
   <title>CSS Test: Reference Result</title>
   <!--  Adapted margin-top values to allow compensating values for height of 1px in the reference result-->
   <style type="text/css">
   #heightzerolistitem
   {
   color: green;
   display: list-item;
   font: 2em/1 serif;
   height: 1px; /*Amended to 1px to allow reference result to paint*/
   margin-left: 1.25em;
   overflow: visible;
   }

   ul
   {
   height: auto;
   margin-top: 29px;
   overflow: visible;
   }

   li
   {
   color: green;
   font: 2em/1 serif;
   height: 1px; /*Amended to 1px to allow reference result to paint*/
   overflow: visible;
   }

   li#yhidden { overflow-y:hidden; }
   li#xhidden { overflow-x:hidden; }

   ul#heightless {height: 1px; /*Amended to 1px to allow reference result to paint*/}
   </style>

   </head>
   <body>

   <p>Test passes if <strong>5 green "PASS"</strong> are each preceded by a filled disc.</p>

   <!--Inline content in div with display: list-item, overflow: visible and height:0 gets painted-->
   <div id="heightzerolistitem">PASS</div>

   <!--Inline content in list-item with overflow: visible and height:0 gets painted-->
   <ul>
     <li>PASS</li>
   </ul>

   <!--Inline content in list-item and list-item parent with overflow: visible and height:0 gets painted-->
   <ul id="heightless">
     <li>PASS</li>
   </ul>

   <!--Block content in div with display: list-item, overflow: visible and height:0 gets painted-->
   <div id="heightzerolistitem" style="margin-top: 59px;"><div>PASS</div></div>

   <!--Block content in list-item with overflow: visible and height:0 gets painted-->
   <ul>
     <li><div>PASS</div></li>
   </ul>

   <!--Inline content in div with display: list-item, overflow-y: hidden and height:0 does not get painted-->
   <div id="heightzerolistitem" style="overflow-y:hidden;">PASS</div>

   </body>
 </html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<title>CSS Test: Reference Result</title>
	<!-- Adapted margin-top values to allow compensating values for height of 1px in the reference result-->
	<style type="text/css">
	#heightzerolistitem
	{
	color: green;
	display: list-item;
	font: 2em/1 serif;
	height: 1px; /Amended to 1px to allow reference result to paint/
	margin-left: 1.25em;
	overflow: visible;
	}

	ul
	{
	height: auto;
	margin-top: 29px;
	overflow: visible;
	}

	li
	{
	color: green;
	font: 2em/1 serif;
	height: 1px; /Amended to 1px to allow reference result to paint/
	overflow: visible;
	}

	li#yhidden { overflow-y:hidden; }
	li#xhidden { overflow-x:hidden; }

	ul#heightless {height: 1px; /Amended to 1px to allow reference result to paint/}
	</style>

	</head>
	<body>

	<p>Test passes if <strong>5 green "PASS"</strong> are each preceded by a filled disc.</p>

	<!--Inline content in div with display: list-item, overflow: visible and height:0 gets painted-->
	<div id="heightzerolistitem">PASS</div>

	<!--Inline content in list-item with overflow: visible and height:0 gets painted-->
	<ul>
	<li>PASS</li>
	</ul>

	<!--Inline content in list-item and list-item parent with overflow: visible and height:0 gets painted-->
	<ul id="heightless">
	<li>PASS</li>
	</ul>

	<!--Block content in div with display: list-item, overflow: visible and height:0 gets painted-->
	<div id="heightzerolistitem" style="margin-top: 59px;"><div>PASS</div></div>

	<!--Block content in list-item with overflow: visible and height:0 gets painted-->
	<ul>
	<li><div>PASS</div></li>
	</ul>

	<!--Inline content in div with display: list-item, overflow-y: hidden and height:0 does not get painted-->
	<div id="heightzerolistitem" style="overflow-y:hidden;">PASS</div>

	</body>
	</html>