Bug 148676 - Radio buttons have a fixed border radius making them look square when resized
Summary: Radio buttons have a fixed border radius making them look square when resized
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 8
Hardware: iPhone / iPad Unspecified
: P2 Minor
Assignee: Simon Fraser (smfr)
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2015-09-01 07:31 PDT by Robin Whittleton
Modified: 2017-01-05 18:23 PST (History)
8 users (show)

See Also:


Attachments
Radio / checkbox resizing testcase (3.37 KB, text/html)
2015-09-01 07:31 PDT, Robin Whittleton
no flags Details
Screenshot of the issue (52.86 KB, image/png)
2015-09-01 07:32 PDT, Robin Whittleton
no flags Details
Patch (3.26 KB, patch)
2017-01-05 17:13 PST, Simon Fraser (smfr)
thorton: review+
buildbot: commit-queue-
Details | Formatted Diff | Diff
Archive of layout-test-results from ews107 for mac-elcapitan-wk2 (804.17 KB, application/zip)
2017-01-05 18:13 PST, Build Bot
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Robin Whittleton 2015-09-01 07:31:50 PDT
Created attachment 260363 [details]
Radio / checkbox resizing testcase

Radio buttons on iOS (unlike on OS X) can be resized by styling width and height which is great. There’s a small bug though: the size of the border radius that defines a radio button as a circle appears to be set in pixels. This means that as the height and width of the radio increases they look progressively more square. Can this radius be set at 50% instead of a fixed pixel value?

I’ve attached a screenshot of iOS 8.4.1’s behaviour, and a testcase.
Comment 1 Robin Whittleton 2015-09-01 07:32:22 PDT
Created attachment 260364 [details]
Screenshot of the issue
Comment 2 Radar WebKit Bug Importer 2017-01-05 14:21:59 PST
<rdar://problem/29889892>
Comment 3 Simon Fraser (smfr) 2017-01-05 17:13:04 PST
Created attachment 298156 [details]
Patch
Comment 4 Build Bot 2017-01-05 18:13:17 PST
Comment on attachment 298156 [details]
Patch

Attachment 298156 [details] did not pass mac-wk2-ews (mac-wk2):
Output: http://webkit-queues.webkit.org/results/2841043

New failing tests:
imported/w3c/web-platform-tests/IndexedDB/idbcursor-direction-index-keyrange.htm
Comment 5 Build Bot 2017-01-05 18:13:20 PST
Created attachment 298159 [details]
Archive of layout-test-results from ews107 for mac-elcapitan-wk2

The attached test failures were seen while running run-webkit-tests on the mac-wk2-ews.
Bot: ews107  Port: mac-elcapitan-wk2  Platform: Mac OS X 10.11.6
Comment 6 Simon Fraser (smfr) 2017-01-05 18:23:57 PST
https://trac.webkit.org/r210423