Bug 5004 – Tables: height:100% + overflow auto not working in table cell

• Component: Tables
• Status: NEW

[Gustaaf Groenendaal (MysteryQuest)]

When you delete or change the CSS attribute "overflow: auto" the pages displays himself as it should be. 
Also it does show up corretly when you change auto into anything you want. So "overflow:webkit" would 
also display the page correctly. It's about the "auto" element that isn't handled properly. The cause of this 
is unknown for me, since "auto" elements never give problems as far as I know. Also the terminal doesn't 
provide any information about incorrect handling of this element.

Tested with WebKit 312, 412 and ToT

[Alexey Proskuryakov]

Created attachment 5690 [details]
reduced test case

[Darth]

Downstream bug http://code.google.com/p/chromium/issues/detail?id=68739

[Brent Fulgham]

Chrome and Safari show a blank page. Firefox shows the text message as expected.

[Radar WebKit Bug Importer]

<rdar://problem/96543034>

[Karl Dubost]

Height for each element:

12px <table width="100%">
12px   <tbody>
 8px     <tr>
 6px       <td>
 6px         <table height="100%">
 6px           <tbody>
 2px             <tr>
 0px               <td>
 0px                 <div style="overflow: auto;height: 100%;">You dont own a ship so your shipping time is 60 minutes</div>


To note that the wrapping table is not necessary it can be simply reproduced with:

<table height="100%">
   <tbody>
      <tr>
         <td>
            <div style="overflow: auto;height: 100%;">You dont own a ship so your shipping time is 60
               minutes</div>
         </td>
      </tr>
   </tbody>
</table>

Chrome and Safari doesn't show the text, while Firefox does.

[Karl Dubost]

This would deserve a WPT test.