alphagov / reported-bugs

Tracking bugs in browsers, assistive technologies and operating systems that have been reported by GDS
5 stars 2 forks source link

Can’t arbitrarily resize radios / checkboxes in Chrome #22

Closed 36degrees closed 4 years ago

36degrees commented 5 years ago

Upstream bug: https://bugs.chromium.org/p/chromium/issues/detail?id=527068 Date: 2015-09-01 Reported by: Robin Whittleton (@robinwhittleton)


Overview

Steps to reproduce the problem:

  1. Load attached test case
  2. Observe rendering of different sizes of checkbox / radio

What is the expected behavior? Each radio / checkbox would match its styled size.

What went wrong? They don’t – they’re all either a ‘small’ style (<14px) or a ‘normal’ style.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No

Did this work before? No

Does this work in other browsers? No Safari 8, Opera latest, but not Firefox latest

Chrome version: 47.0.2499.0 (64-bit) Channel: n/a OS Version: OS X 10.10 Flash Version:

I guess this is down to using raster images as the basis for the inputs (same as Safari). I filed the same bug against Webkit at https://bugs.webkit.org/show_bug.cgi?id=148675 . There is one difference though: if you zoom using Cmd + / Cmd - (i.e. specifically not with a trackpad gesture) the browser reverts to its built in and beautifully resizable vector inputs. A trackpad gesture just keeps the OS X style inputs but blurs them as it zooms in.

I’ve got no problem with using OS X style radios / checkboxes by default, but can we change the behaviour such that if you try to set a size for radio / checkbox inputs it uses the built-in vector versions rather than the OS X rasters?

osx_10 10_chrome

36degrees commented 4 years ago

Fixed in Chrome 83 🎉