Created attachment 263618 [details] zoom 1 on left, zoom 0 on right In Safari 9 on El Capitan radio buttons render incorrectly when the page is zoomed. Unable to repro in other browsers. Affects multiple websites (GMail Settings shown in attached screenshot).
Could not reproduce what was in the screenshot by visiting my Gmail settings page. Just to make sure, you are referring to zooming (using cmd +/-) rather than page scaling (using pinch to zoom) right?
Yes, using cmd+ to zoom in. I can't repro on Safari 9 on Yosemite, but in El Capitan I get the bug as shown on two different installs and on two different websites (Slack and GMail).
Hmm...still not able to reproduce the issue in the attached screenshot. Perhaps the radio buttons on the settings pages you're seeing have custom styles? I'm curious if this happens when zooming in on regular radio buttons -- I'll attach a test page in a bit (it'll just contain some plain radio buttons). Please let me know if they also exhibit the same clipping behavior as you saw in the Slack settings page. Thanks!
Created attachment 263698 [details] Unsettled radio buttons at 3 sizes
> Unsettled radio buttons at 3 sizes Whoops, that's *unstyled*
Thanks Wenson. Afaict the radio buttons are unstyled, vanilla form controls.
Interesting...I'm seeing something different on my machine (also El Capitan) after zooming to the first level (a single cmd+). I'm attached a screenshot of it for reference.
Created attachment 263751 [details] Radio buttons, zoom level 1 (<select> for reference)
Created attachment 263786 [details] Safari 9 radio button test zoom +1 Here's Safari 9 El Cap using the radio button test at zoom +1. This was repro'd on two different laptops.
Created attachment 263787 [details] Safari 9 radio button test zoom +2 Here's Safari 9 El Cap using the radio button test at zoom +2.
Created attachment 263788 [details] Safari 9 radio button test zoom -1 Here's Safari 9 El Cap using the radio button test at zoom -1.