[Webkit-unassigned] [Bug 155577] New: <input type="radio"> button overflows its bounds when it has margin-left:0;

[bugzilla-daemon at webkit.org]

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

            Bug ID: 155577
           Summary: <input type="radio"> button overflows its bounds when
                    it has margin-left:0;
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webkit at chrisrebert.com

Created attachment 274261
  --> https://bugs.webkit.org/attachment.cgi?id=274261&action=review
Screenshot of CodePen testcase in Safari

Original Bootstrap bug: https://github.com/twbs/bootstrap/issues/16756
Normalize.css bug: https://github.com/necolas/normalize.css/issues/462
Corresponding Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=396726
Possibly related to bug 131503?

Safari: Version 9.0.3 (11601.4.4)
Platform: OS X (this bug doesn't seem to occur on iOS)

Summary:
Radio buttons shouldn't require any left margin in order to be fully visible.
The current behavior is unintuitive and makes it trickier to tweak the alignment of radio buttons reliably across different browsers.

To reproduce:
1. Open http://codepen.io/mattdrose/pen/mKanB in OS X Safari.

Actual result:
The 1st radio button's left side is partially clipped off.

Expected result:
The 1st radio button's circle should be fully visible.

Results in other browsers, for comparison:
* Firefox on OS X: Displays correctly, with no clipping.
* Microsoft Edge on Win10: Displays correctly, with no clipping.
* Chrome on OS X: Same as Safari. See https://bugs.chromium.org/p/chromium/issues/detail?id=396726

-- 
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/20160317/eee3503b/attachment-0001.html>