Bug 150373 – Radio buttons scale incorrectly on zoom in El Capitan

• Status: NEW
• Component: Forms

[Johnny Rodgers]

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).

[Wenson Hsieh]

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?

[Johnny Rodgers]

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).

[Wenson Hsieh]

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!

[Wenson Hsieh]

Created attachment 263698 [details]
Unsettled radio buttons at 3 sizes

[Wenson Hsieh]

> Unsettled radio buttons at 3 sizes

Whoops, that's *unstyled*

[Johnny Rodgers]

Thanks Wenson. Afaict the radio buttons are unstyled, vanilla form controls.

[Wenson Hsieh]

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.

[Wenson Hsieh]

Created attachment 263751 [details]
Radio buttons, zoom level 1 (<select> for reference)

[Johnny Rodgers]

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.

[Johnny Rodgers]

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.

[Johnny Rodgers]

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.