[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