Upon further investigation, it appears the checkboxes are now inheriting the rounded corners of the object containing the buttons.

We have isolated the issue to the following line of js code which for some reason Chrome is now applying these styles to checkboxes, where previously the styles were only applied in text fields.  It appears that Chrome has changed how classes are added to an input field of type select.

$('input, select').addClass('ui-corner-all ui-widget ui-state-default custom-combobox-input');

Hi, is it possible for you to provide a minimal working example that reproduces this?  Have you tried this on Windows or Linux?

Hi,

We have created two minimal working examples for you.  One example shows
the checkbox broken and the other shows the checkbox fixed.  We have
annotated the code with comments to explain why it broke within our code
using the latest release of Chrome, and what we did to work around the
problem.

Please use the following two web links to see the code in action.

quikkast.com/chrome-test/broken.php

quikkast.com/chrome-test/fixed.php

If you inspect the source code you will see our comments.  Also, commenting
out the ajax/googleapis.com... library corrects the problem as well.
However we need that library in our code.

We have also include a zip file of the complete set of code.

Hope this helps you solve the problem, as we had to rework a lot of code
quickly.

Tim

-webkit-appearance rendering is clipped by border-radius.  This is a regression, but IMO we may close this as WontFix.


Bisect result:

You are probably looking for a change made after 376535 (known good), but no later than 376543 (first known bad).
CHANGELOG URL:
  https://chromium.googlesource.com/chromium/src/+log/f9e06bc4b2845a0b67c7b86497c2ea0be24cc616..46a5c2196e3746c376c1bdf75a8339732cd373b0

The bisect is probably correct in attributing it to my change for background-image bleed avoidance. We are now apparently clipping the control, which only shows up on Mac presumably because we are using the system theme controls. Looking very closely there are some stray anti-aliased pixels around the corners of the clipped buttons.

It seems an error to me that we were not previously applying the border radius. Maybe that can be set on the Mac checkbox drawing so that it does not get clipped.

This issue has been available for more than 365 days, and should be re-evaluated. Please re-triage this issue.
The Hotlist-Recharge-Cold label is applied for tracking purposes, and should not be removed after re-triaging the issue.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

The testcases provided in comment 4 are no longer available.

We are applying the border radius as we are told to, whereas we were erroneously not previously. We'll leave it as it is now.