LayoutTests/fast/replaced/width100percent-textarea.html - WebKit - Git at Google

 <!-- webkit-test-runner [ InlineFormattingContextIntegrationEnabled=false ] -->
 <html>
 <head>
 <style>
 .test { width: 100%; }
 </style>
 </head>
 <body>
 <script>
 if (window.testRunner)
     testRunner.displayAndTrackRepaints();
 </script>

 The textareas below should not overlap.
 <table border="0" cellspacing="1" cellpadding="1" width="100%">
 <tr>
 <td nowrap><textarea class="test">one</textarea></td>
 <td><textarea class="test">two</textarea></td>
 <td><textarea class="test">three</textarea></td>
 <td width="100%">&nbsp;</td>
 </tr>
 </table>

 <br>
 <br>

 <table border="0" cellspacing="1" cellpadding="1" width="100%">
 <tr>
 <td nowrap><textarea class="test" cols="30">one two three</textarea></td>
 <td><textarea class="test" cols="30">two</textarea></td>
 <td><textarea class="test" cols="30">three</textarea></td>
 <td width="100%">&nbsp;</td>
 </tr>
 </table>

 </body>
 </html>
	<!-- webkit-test-runner [ InlineFormattingContextIntegrationEnabled=false ] -->
	<html>
	<head>
	<style>
	.test { width: 100%; }
	</style>
	</head>
	<body>
	<script>
	if (window.testRunner)
	testRunner.displayAndTrackRepaints();
	</script>

	The textareas below should not overlap.
	<table border="0" cellspacing="1" cellpadding="1" width="100%">
	<tr>
	<td nowrap><textarea class="test">one</textarea></td>
	<td><textarea class="test">two</textarea></td>
	<td><textarea class="test">three</textarea></td>
	<td width="100%"> </td>
	</tr>
	</table>

	<br>
	<br>

	<table border="0" cellspacing="1" cellpadding="1" width="100%">
	<tr>
	<td nowrap><textarea class="test" cols="30">one two three</textarea></td>
	<td><textarea class="test" cols="30">two</textarea></td>
	<td><textarea class="test" cols="30">three</textarea></td>
	<td width="100%"> </td>
	</tr>
	</table>

	</body>
	</html>