[Webkit-unassigned] [Bug 177503] New: WebKit fails to apply default "align-items:stretch" to radio, checkbox, and button as flex item
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Tue Sep 26 13:57:09 PDT 2017
https://bugs.webkit.org/show_bug.cgi?id=177503
Bug ID: 177503
Summary: WebKit fails to apply default "align-items:stretch" to
radio, checkbox, and button as flex item
Product: WebKit
Version: Safari 10
Hardware: Unspecified
OS: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: Layout and Rendering
Assignee: webkit-unassigned at lists.webkit.org
Reporter: dholbert at mozilla.com
CC: bfulgham at webkit.org, simon.fraser at apple.com,
zalan at apple.com
STR:
1. Visit https://jsfiddle.net/671Lebj2/
EXPECTED RESULTS:
All the orange outline-boxes should be approximately the same height.
ACTUAL RESULTS:
The first three boxes are too short (shrinkwrapping their contents).
Firefox 55 and Edge 15 give EXPECTED RESULTS.
Safari 10.1 gives ACTUAL RESULTS.
Chrome 63 does something in between -- it's only got the first boxes being too short, but it correctly stretches the third box (the input type=button). I filed https://bugs.chromium.org/p/chromium/issues/detail?id=768999 on this issue in Chrome.
NOTES:
This is a flex container, which has "align-items:stretch" by default. This means its auto-height flex items should all stretch to the height of the container (as long as they don't have their own custom "align-self" value):
https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-stretch
But that's not happening for these widgets, in Safari/WebKit, for some reason.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170926/d91228a8/attachment-0001.html>
More information about the webkit-unassigned
mailing list