[Webkit-unassigned] [Bug 78215] New: Inset box-shadow on a table cell with collapsed borders has a 1px gap

Thu Feb 9 01:42:15 PST 2012

https://bugs.webkit.org/show_bug.cgi?id=78215

           Summary: Inset box-shadow on a table cell with collapsed
                    borders has a 1px gap
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Platform: PC
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: hostit at mail.ru

Browsers affected: Chrome 16, 17.0.963.46; Safari 5.1.1 (all running on Windows 7)

Issue: When an inset box-shadow is added to a <TD> with 'border-collapse: collapse' an 1 pixel gap between box shadow and right and bottom borders appears.

In tables without border-collapse or without borders there's no gap between the border and the box shadow.

Test file:
================
<html>
 <head>
  <title>BOX-SHADOW + BORDER-COLLAPSE TEST</title>
  <style>
   table { margin-bottom: 10px;  }
   table.collapse { border-collapse: collapse; }
   table td { border: 1px solid blue; }
   table.outset td { box-shadow: 0 0 6px red; }
   table.inset td, table.inset-div div { box-shadow: inset 0 0 6px red; }
   table.no-border td { border: none; }
   table.inset-div td { padding: 0; }
  </style>
 </head>
 <body>

   <table class="collapse inset">
    <tr><td>Webkit 535.11</td><td>inset box-shadow + border-collapse = unexpected gap</td></tr>
   </table>

   <table class="inset">
    <tr><td>Webkit 535.11</td><td>inset box-shadow + no border-collapse = ok</td></tr>
   </table>

   <table class="collapse outset">
    <tr><td>Webkit 535.11</td><td>[outset] box-shadow + border-collapse = ok</td></tr>
   </table>

   <table class="collapse inset no-border">
    <tr><td>Webkit 535.11</td><td>inset box-shadow + no border = ok</td></tr>
   </table>

  <table class="collapse inset-div">
    <tr><td><div>Webkit 535.11</div></td><td><div>inset box-shadow on inner DIV = ok</div></td></tr>
   </table>

 </body>
</html>
================

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.