[Webkit-unassigned] [Bug 155919] New: Safari/WebKit ignores vertical padding on a display:table element with 100% height

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Mar 25 21:23:42 PDT 2016


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

            Bug ID: 155919
           Summary: Safari/WebKit ignores vertical padding on a
                    display:table element with 100% height
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: Unspecified
                OS: OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dholbert at mozilla.com
                CC: simon.fraser at apple.com

STR:
 1. Load attached testcase, or this jsfiddle: https://jsfiddle.net/do8n64Lq/

EXPECTED OUTPUT:
  The orange area should extend outside of its container.  (Its height:100% resolves to the height of its container -- and then it has explicit pixel-valued vertical padding on top of that, which should make it taller.) 


ACTUAL OUTPUT:
  The orange area is only as tall as its container. (It seems to be ignoring its padding.) 

Chrome 50 and Safari 9 give ACTUAL OUTPUT.
Firefox and Edge both give EXPECTED OUTPUT.

I can adjust the testcase to make Chrome and Safari give EXPECTED OUTPUT with either of the following tweaks:
 - Changing the orange thing to be display:block instead of display:table:
    https://jsfiddle.net/do8n64Lq/1/  (working)
 - Replacing the % height with an explicit pixel height.
    https://jsfiddle.net/do8n64Lq/2/  (working)

So, this works correctly with blocks in general, and with tables that have an explicit pixel height -- but it does not work with percent-height tables, as demonstrated in the attached testcase (and the original version of my jsfiddle with no /[number]/ suffix)

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160326/59c45269/attachment.html>


More information about the webkit-unassigned mailing list