#5354 - CSS-based CAPTCHA loses legibility on zoom out

By Chris Graham
Added 22nd Feb 2023, 4:29 PM
25 views

Identifier	#5354
Issue type	Minor issue (breaks specific functionality)
Title	CSS-based CAPTCHA loses legibility on zoom out
Status	Completed
Handling member	PDStig
Addon	General / Uncategorised
Description	If the user zooms out on their browser, the CSS-based CAPTCHA loses legibility as the browser doesn't use pixel blending outside of images. I'm not sure what to do about this one. Maybe just document the problem in the help for the option and make sure it is off by default?
Steps to reproduce
Funded?	No

The system will post a comment when this issue is modified (e.g., status changes). To be notified of this, click "Enable comment notifications".

Rating

Unrated

Comments

By Guest posted 24th Feb 2023, 5:43 PM

Is there no way to detect a zoom-out and perhaps, after a short timeout, refresh the CAPTCHA?

By Guest posted 24th Feb 2023, 6:12 PM

hmm, detecting zoom-out, I'm not sure. Possibly a mismatch between viewport size and window size.
Refreshing the CAPTCHA wouldn't help, making it bigger to compensate for the zooming - perhaps - but seems dodgy as rounding errors could cause a lot of problems.

Maybe though there is a solution, have a zoom in button that displays it much bigger in an overlay. That could be genuinely nice in general.

By Guest posted 24th Feb 2023, 6:50 PM

I agree. I think the CAPTCHA size as it is now is too small, even for me. Perhaps we should also increase its size a bit on the field?

By Guest posted 6th Dec 2023, 1:06 PM

Did the best I could. Non-CSS / iframe CAPTCHAs will open as an overlay. Otherwise it must open in a new window because of the iframe. The larger version of the CAPTCHA will display at 4x the size.

#5354 - CSS-based CAPTCHA loses legibility on zoom out

Rating

Comments

Statistics